kvant
-
Posts
104 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by kvant
-
Да, именно это. Круто, простое и красивое решение.
-
При фиксированной высоте блоков все красиво, но представим, что есть еще блок между left_sidebar и right_sidebar, в котором много текста. Средний блок увеличится, в соответствии с высотой текста, а sidebarы по прежнему останутся той высоты, которая указана в стиле. Это совсем не то, что я хочу. Похоже без картинки не понятно чего я хочу.
-
Может лучше поясните как работает ваш код?
-
Что-то я не очень понимаю ваш код. Насколько я понял цветные блоки справа и слева задаются с помощью: border-left: 100px solid #B5E3FF; border-right: 100px solid #FFACAA; На что влияют остальные стили мне непонятно. Вариант с border мне не подойдет, так как в border фоновую картинку не укажешь.
-
Да, именно так, причем в этих дивах и не должно быть контента, они всего лишь рамка, элемент дизайна.
-
Рамка мне не нужна, это я так образно выразился Я так и сделал (см. ниже), не указана только высота, но она вроде по умолчанию auto. Не работает. Вложенные дивы имеют высоту в соответствии с тем, что в них находится. Если в примере ниже убрать <br>, высота станет нулевая. <html> <head> <title></title> </head> <style> #wrapper { margin: 0 auto; width: 1000px; background: aqua; height: 100px; } div.left { background: orange; width: 20px; float: left; } div.right { background: orange; width: 20px; float: right; } </style> <body> <div id="wrapper"> <div class="left"><br><br><br></div> <div class="right"><br><br><br></div> </div> </body> </html>
-
Нужно сделать блок у которого справа и слева должна быть рамка. Проще конечно показать, но как прикрепить файл к сообщению не пойму, хостинга нет, поэтому попробую объяснить на пальцах. <html> <head> <title></title> </head> <style> .edge { background: orange; } table { margin: 0 auto; background: aqua; } </style> <body> <table cellspacing=0 cellpadding=0> <tr> <td width=20 class="edge"></td> <td width=980><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td> <td width=20 class="edge"></td> </tr> </table> </body> </html> Этот страшный код показывает то, что мне хотелось бы, только вместо orange должно быть фоновое изображение, повторяющееся по вертикали. Множество <br> для того, чтобы показать, что при увеличении среднего столбца должны увеличиваться и боковые. Вопрос, как сделать такое с помощью блоков. На таблицах делать не хочу, делать одно большое изображение тоже не выход. Свои попытки осуществить задуманное даже выкладывать не буду, так как ерунда получается. div, прижатый вправо или влево упорно не хочет (да в общем-то и не обязан) растягиваться по высоте родителя. Идеальным вариантом конечно было бы наложение нескольких фонов, но это, к сожалению, только в CSS3 По-моему, я не с той стороны подхожу к решению данной задачи, поэтому прошу совета. Надеюсь понятно объяснил, если нет, то подскажите как прикрепить файл к сообщению.