совет по верстке учебной ведомости
 

Всем привет!

Друзья, помогите, пожалуйста. В университете задали задание сверстать с помощью css/html страницу по образцу. Образец в данном случае изображение (скрин) учебной ведомости(цифры, текст, таблицы).

Ничего сложного нет, все уже сделал, проблема только в том, что если менять масштаб в браузере то часть блоков (div) на сайте остается на месте, часть расползается.

Кто делал что-то поднобное, поделитесь, пожалуйста, опытом как лучше всего реализовать? Может задать размеры страницы под формат а4?

Если менять масштаб в браузере это изменение размеров окна браузера, то тогда в css делаем media запросы.
Типо такого:

@media (min-width: 768px) and (max-width: 1200px) {
    // здесь прописываем стили под размеры экранов от 768 до 1200px
}

А если масштаб это Ctrl +, то тогда не знаю, вроде на это масштабирование повлиять нельзя.

MC-XOBAHCK,
спасибо огромное Вам за оперативный ответ!

Rise,
подскажите, пожалуйста, Вы считаете, что примерно такой:

ссылка на изображение

лучше через табличную вертску делать?