<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}
#wrapper {width:800px; margin: 0 auto 0 auto; text-align: center;}
#header {background-color:#FFCC99;}
#left{background-color:#FFFFCC; width:35%; float:left; text-align:center;
border:1px solid black;}
#kontent{padding-left: 35%; background-color:white; text-align:center; border:1px solid black;}
#footer{text-align: center; background-color:#CC9966;clear: both;}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><span style="font-size:34px;">М</span></div>
<div id="content"></div>
<div id="left">
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
</div>
<div id="kontent">
<p>Главная страница</p>
<p>Главная страница</p>
<p>Главная страница</p>
<p>Главная страница</p>
</div>
<div id="footer">Copyright © Филип Киркоров <? echo date('Y'); ?></div>
<div>
</body>
</html>
Просто добавил clear: both; у footer |
Как вариант решения...
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
#wrapper {width:800px; margin: 0 auto 0 auto; text-align: center;}
#header {background-color:#FFCC99;}
#left {
width:35%;
float:left;
text-align:center;
border-right:1px solid black;
}
#kontent{
margin-left: 35%;
background-color: white;
text-align:center;
}
#footer{
text-align: center;
background-color:#CC9966;
clear: both;
}
#content {
background-color:#FFFFCC;
border:1px solid black;
}
.end {
clear: both;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><span style="font-size:34px;">М</span></div>
<div id="content">
<div id="left">
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
<p>Menu</p>
</div>
<div id="kontent">
<p>Главная страница</p>
<p>Главная страница</p>
<p>Главная страница</p>
<p>Главная страница</p>
<div class="end"></div>
</div>
</div>
<div id="footer">Copyright © Филип Киркоров <? echo date('Y'); ?></div>
<div>
</body>
</html>
|
Цитата:
Цитата:
|
ну тоже вариант, но повторюсь... все от задачи зависит... так что нам не известно что конкретно человеку нужно.
|
devote, просто если уш делать примеры... Так законченые. ;)
Поскольку это все стандартные приёмы для таких макетов... |
Цитата:
|
| Часовой пояс GMT +3, время: 06:47. |