Кто нить знает как можно разместить на HTML странице всего три DIV-а ... один слева, другой сверху, трейтий что-б занимал оставшееся место по центру, и все они втроём занимали одну страницу браузера т.е. у левого: width: 200px; height: 100%; у верхнего: width:100%; (минус 200рх от левого конечно) height:200px; у центрального: width:100%; (минус 200рх от левого) height: 100%; (минус 200рх от верхнего) сростается всё только с левым DIV - ом, остальные размещаются как угодно но только не согластно здравому смыслу !!
Ответ: Резиновый шаблон из 3-ёх div - ов Значит у вас не здравый смысл, здравый вот: PHP: Код (CODE): <div id="left">1<div id="top">2<div id="right">3</div></div></div> CSS: Код (CODE): #top{ left:200px; right:0px; height:200px; background:#000000; } #left{ width:200px; height:300px; /* высоту можно выставлять только в пикселях, а не процентах, либо вообще не выставлять и колонка вынятется под длину контента автоматически*/ } #right{ position:absolute; top:200px; }
Ответ: Резиновый шаблон из 3-ёх div - ов Что делать если хочется немного больше чем возможно Ну на самом деле высота выставляется и в процентах, и даже в случае одного дива замечательно работает На счёт примера, о вложенных друг в дружку тегов DIV мысль в мою голову не приходила, попробую может чего и выгорит. А в общем немного не то, мне нужно чтобы содержимое скролировалось внутри центрального DIV - а, а не окна браузера, иначе верхний и левый DIV уедут со страницы, чего в общем то не хотелось - бы
Ответ: Резиновый шаблон из 3-ёх div - ов volchara, проценты поймет? Кроссбраузерно?)) Ну дык надо внятнее объяснять что надобно)
Ответ: Резиновый шаблон из 3-ёх div - ов Ну IE, Opera, Mozila Firefox понимают, а больше в моём случае и не нужно, с начала только для BODY 100% выставить, и не вопрос Только всё равно ничего не вытанцовывается, из-за того что неважно куда DIV поместить, он берёт 100% не от элемента в котором находится , а окна браузера при чём не для самого себя, а для области внутри себя за вычетом бордюра и отступа Добавлено через 23 часа 49 минут Получилось, правда полностью только в IE. В Opera и Mozilla работает только по ширине страницы, относительная высота не срабатывает, но в общем не сильно страшно, страница не уродуется ... Кому интересно выглядит примерно так: Код (html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { height: 100%; width: 100%; margin: 0px; padding: 0px; border: 0px; } #left_frame { position:absolute; margin: 0px; width: 200px; height: expression((window.document.body.clientHeight - 4) + "px"); border: 1px solid #FF00CC; overflow: auto; top: 0px; left: 0px; } #top_frame { position:absolute; margin: 0px; width: expression((window.document.body.clientWidth - 204) + "px"); height:200px; border: 1px solid #FF00CC; overflow: hidden; top: 0px; left: 200px; } #main_frame { position:absolute; width: expression((window.document.body.clientWidth - 204) + "px"); height: expression((window.document.body.clientHeight - 204) + "px"); border: 1px solid #FF00CC; top: 200px; left: 200px; overflow: auto; } --> </style> </head> <body> <div id="left_frame"> </div> <div id="top_frame"> </div> <div id="main_frame"> </div> </body> </html>
Подскажите пожалуйста как сделать шаблон резиновым с помощью CSS и контейнеров div, но чтоб фоновый рисунок при растяжении некопировался, а растягивался?
