Помощник
|
Высота блока div и фон |
ParaGon_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
Yasuka |
11.9.2010, 18:36;
Ответить: Yasuka
Сообщение
#2
|
|
<div id="info"> <div id="info_left2><div> <div id="info_content"> <p>текст</p> </div> </div> и css: #info { margin-top: 10px; clear: both; height: 143px; width: auto; background: #E0E1D3 url("right.gif") right no-repeat; padding-right: 20px; } #info_left { width: 66px; height: 143px; background: url("left.gif") left no-repeat; float:left; } #info_content { padding: 20px 40px 10px 40px; width: 80%; height: 83px; float:right; } Можно ли заставить браузер рисовать фон блока, если его высота не задана? Можно. Просто нужно заменить запрет на повторение фона (no-repeat) на repeat-y (Фоновый рисунок повторяется по вертикали). |
|
|
ParaGon_hb
|
Сообщение
#3
|
|
К сожалению это не помогло.
Вот так выглядит текст, вылезающий за границы блока: http://www.komplit.su/2/ А вот та же страница, если не указывать высоту блока: http://komplit.su/. Здесь же попробовал поставить repeat-y но это ничего не дало. |
|
|
Alcorn |
12.9.2010, 6:07;
Ответить: Alcorn
Сообщение
#4
|
|
Не совсем понял что надо, но код для проверки скину -
[PHP] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <div style="background:red;overflow:hidden"> <div style="float:left;width:900px;background:blue"> <div style="float:right;background:yellow;width:800px">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10</div> </div> </div> </body> </html> [/PHP] |
|
|
ParaGon_hb
|
Сообщение
#5
|
|
Благодарю Вас, действительно хотелось что то наподобие, только в левом блоке (в вашем примере - блок синего цвета), хотелось верхний левый угол сделать посимпатичнее, закруглить угол или добавить изображение), для этого я пытался подставлять фоновую картинку для левого блока (no-repeat). Как можно это сделать?
|
|
|
Alcorn |
12.9.2010, 13:08;
Ответить: Alcorn
Сообщение
#6
|
|
А если вместо синего фона поставить -
[PHP] background:#E0E1D3 url(left.gif) no-repeat; [/PHP] оно разве не будет работать? |
|
|
ParaGon_hb
|
Сообщение
#7
|
|
Да, действительно, все работает, огромное спасибо!
|
|
|
ParaGon_hb
|
Сообщение
#8
|
|
|
Скажите, можно ли сделать в вашем примере правую колонку шириной, заданной в процентах (от ширины страницы), чтобы она была симметричной с левой колонкой по ширине в разных разрешениях (например 1280х1024)?
В изначальном варианте html было 2 блока, вложенные в один. Поэтому правая колонка задавалась в процентах. В вашем варианте все три блока последовательно вложены, поэтому задать например 80% от ширины страницы я не могу, получится 80% от ширины родительского блока.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
В РФ приступили к производству антишпионского защищенного смартфона «Р-фон» | 17 | Room | 3120 | 17.1.2024, 10:19 автор: Antarez |
|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1602 | 14.1.2023, 1:16 автор: xweb |
|
Отображение нужного блока при клике. | 0 | bhtml | 1673 | 10.7.2020, 15:18 автор: -bhtml- |
|
Автоматическая высота grid | 0 | askjust.ru | 4518 | 13.2.2019, 13:32 автор: -askjust.ru- |
|
DIV'ы в строку | 0 | RedEclipse | 5465 | 29.9.2016, 17:53 автор: -RedEclipse- |
Текстовая версия | Сейчас: 25.4.2024, 12:03 |