Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!







#1 08.10.2014 16:51

remort
Новичок
Зарегистрирован: 08.10.2014
Сообщений: 1

как расположить несколько div'ов горизонтально

Да так чтобы они не съезжали вниз при ресайзе окна?
Вот пример:







   

   

   

   

        

        




выглядит как надо и при сужении окна браузера дивы остаются на месте.
так они наслаиваются др. на др., но если дивы располагать в линию один за другим, то они не держатся на месте.
но тогда возникают проблемы с содержимым. даже если сделать выравнивание текста по правому краю, то при росте объема текста он будет уходить под вышележащий div.
а надо бы сделать так чтобы текст и вообще любое содержимое в каждом диве было только в своей области. любые margin 0 0 0 100 и padding увеличивают div в размере не смотря на max-width:300.
В итоге должно выглядеть как 4 квадрата и содержимое в каждом ограничено ровно зоной видимости квадрата. Это вообще возможно? Может нужно без вложенности?

Нет на форуме

 

#2 01.11.2014 17:42

shoot56
Новичок
Зарегистрирован: 01.11.2014
Сообщений: 1

Re: как расположить несколько div'ов горизонтально

попробуйте так:
#x {width:900;}


и сюда пихаете все, что не должно вылазить за 900 пикселей, тобиш свои дивы

вот мой код:

Код:


a
b
c
d

Отредактированно shoot56 (01.11.2014 17:52)

Нет на форуме

 

Board footer