| |
|
|
| | Как сделать, чтобы при вставке на страницу 3 - х дивов они располагались в одну строку, причем первая и последняя ячейки статичны по ширине а средняя должна тянуться, заранее благодарен. | |
| |
|
|
|
| |
|
|
| |
для: AlexSol
(09.01.2007 в 16:31)
| | | это не рабочие примеры-их колбасит при изменении размеров окна браузера | |
| |
|
|
| |
|
|
| |
для: mihdan
(09.01.2007 в 16:26)
| | | Как-то давненьео писал...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Блочная вёрстка</title>
<link rel="stylesheet" type="text/css"
media="all" href="style.css">
</head>
<body>
<div id="header">
"ШАПКА"
</div>
<div id="menuLeft">
ЛЕВОЕ МЕНЮ
</div>
<div id="menuRight">
ПРАВОЕ МЕНЮ
</div>
<div id="content">
КОНТЕНТ страницы
</div>
<div id="footer">
"ПОДВАЛ"
</div>
</body>
</html>
|
CSS код:
* { margin: 0; padding: 0;}
body { color: #000; font: normal 1.2em Verdana, Sans-serif; background: #fff;}
div { padding: 10px;}
#header { background: #eee;}
#menuLeft { float: left; background: #ddd; width: 180px; height: 400px;}
#menuRight { float: right; background: #ddd; width: 180px; height: 400px;}
#content { background: #ccc; margin: 0 200px; height: 200px; }
#footer { clear: both; background: #bbb; }
|
| |
| |
|
|
| |
|
|
| |
для: Sergey89
(09.01.2007 в 17:27)
| | | Ааа.. чёрт =) По ссылке кто-то мой пример спёр. А сваливания в любом случае не избежать. Так уже всё устроенно. Можете посмотреть на w3.org. | |
| |
|
|
| |
|
|
| |
для: Sergey89
(09.01.2007 в 17:29)
| | | to mihdan
ну почему сразу нерабочие? может есть баги, но все рабочее там... css это такое дело, что подходить надо творчески - универсального решения может просто не быть, нюансов много...
to Sergey89
ну почему сразу спер ? :) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.01.2007 в 17:35)
| | | OFF: ну а как это ещё назвать? Хоть бы кинули ссылку на источник =) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.01.2007 в 17:35)
| | | Решение есть всегда, просто нужно копать! | |
| |
|
|
| |
|
|
| |
для: Sergey89
(09.01.2007 в 17:27)
| | | Собрал в кучу и получил это:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Резиновая вёрстка на DIV'ах</title>
<style>
body {
color: #000;
font: normal 1.2em Verdana, Sans-serif;
background: #fff;
}
div {
padding: 10px;
}
#header {
background: #eee;
min-width:1000px;
}
#menuLeft {
float: left;
background: #ddd;
width: 180px;
height: 400px;
}
#menuRight {
float: right;
background: #ddd;
width: 180px;
height: 400px;
}
#content {
background: #ccc;
margin: 0 200px;
height: 200px;
}
#footer {
clear: both;
background: #bbb;
}
#all {
width:100%;
min-width:1000px;
}
</style>
</head>
<body>
<div id="all">
<div id="header">"ШАПКА"</div>
<div id="menuLeft">ЛЕВОЕ МЕНЮ</div>
<div id="menuRight">ПРАВОЕ МЕНЮ</div>
<div id="content">КОНТЕНТ страницы</div>
<div id="footer">"ПОДВАЛ"</div>
</div>
</body>
</html>
|
| |
| |
|
|
