Я надеюсь, что кто-то может мне помочь, так как я чувствую себя довольно глупо, задавая такой вопрос здесь. Я не веб-дизайнер, но застрял с задачей создания основного макета. Макет будет использоваться на интегрированном устройстве со стандартным браузером, поэтому некоторые из специфических для браузера тегов CSS. Т.е.: -moz-border-radius не обязательно будет работать с IE и тому подобным.
У меня есть страница 1024x768, на которой я хочу разместить несколько секций блоков. Эти разделы будут иметь 4px пространства на каждой стороне. Таким образом, сетка 2x2 должна иметь зазор 4px (черный) снаружи всего сайта, в то время как внутренняя сторона имеет зазор 8px между ящиками (4px с правой стороны одного ящика и 4px слева или 4px снизу один, и 4px на вершине, et)
Когда я устанавливаю CSS каждого из этих div'ов на margin: 4px; Я получаю внешний разрыв 4px. Я также получаю горизонтальный зазор 8px между левой и правой сторонами коробок. Проблема заключается в том, что вертикальный интервал составляет 4 пикселя, как будто один из квартальных квадратов не применяет верхнее или нижнее поле. Я не думаю, что это должно произойти, поэтому я полагаю, что где-то допустил ошибку.
Заранее спасибо - это потрясающее место.