|
Тема |
Re: <div>, css [re: oleg] |
|
Автор |
Ulysses (Eyewalker) |
|
Публикувано | 13.11.07 15:42 |
|
|
#content
{
width:760px;
left:280px;
height:100%;
background-color: white;
font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
font-size:11px;
color:#484848;
position:relative;
/* border: 2px solid green; */
}
това е проблема height:100%; - заема 100% от височината на съдържащият го елемент - <div id="center">
отделно от това - нямам време да гледам кой код е от теб и кой е добавен от хостинга ти. Кода ти е невалиден или поне кода на страницата, след като е минал през хостинга, а това е МНОГО важно за ДИВ/ЦСС кода, използвах XHTML
Използвай валидатори за CSS/(x)HTML
това какво трябва да прави?:
#website
{
width:1066px;
height:100%;
background-color: white;
left:10%;
right:10%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/* border: 1px solid black; */
}
ако искаш да е центриран този елемент (съответно целия сайт):
#website {
width: 1066px;
margin: 0px auto;
padding: 0px;
background: #fff;
}
по мое мнение: width: 1066px; е като за 17"/19" TFT, но дали е редно да е толкова много? 960px е според мен приличен компромис.
така си представям аз твоя Каскаден Стил (под Експлорър7 и Мозила е ОК, за останалото погледни, не претендирам да е 100% съвместим):
<style type="text/css" media="all">
<!--
body{
background: #575646;
margin: 0;
}
div.ai{
width: 240px;
padding: 5px 0px 0px 0px;
margin: 0px;
float: left;
display: block;
font: normal 12px Tahoma;
text-align: left;
}
div.bnu{
font-size: 11px;
line-height: 22px;
}
p{
text-align: justify;
}
.ai a,.ai a:hover{
color: #0000ff;
font: bold 12px Tahoma;
text-decoration: underline;
}
.ai p{
padding: 0px;
margin: 0px;
font: normal 12px Tahoma;
line-height: normal;
text-decoration: none;
}
.bnu a,.bnu a:hover{
padding: 0px 5px;
color: #000000;
font: normal 11px Tahoma;
text-decoration: none;
}
.bnu a:hover{
color: #0000ff;
}
#bottom{
background: #ffff00;
height: 10px;
margin: 0 auto;
}
#center{
margin: 0;
background: #fff;
}
#content{
color: #484848;
background: #ffffff;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
margin: 0 20px 0 290px;
}
#header{
width: 100%;
margin: 0px 0px 0px 0px;
background: #ffffff;
height: 205px;
position: relative;
z-index: 1;
overflow: hidden;
}
#menupoints{
width: 273px;
margin: 0px;
padding: 10px 0px 0px 0px;
display: block;
color: #484848;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
height: 200px;
position: absolute;
z-index: 2;
overflow: hidden;
}
#menupoints a{
width: 273px;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 10px;
display: block;
color: #484848;
background: #e1e1e1;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
text-decoration: none;
height: 21px;
position: relative;
z-index: 2;
}
#menupoints a:hover{
display: block;
color: #fff;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
position: relative;
z-index: 2;
}
#website{
width: 960px;
margin: 0 auto; /* border:1px solid black;*/
padding: 0;
background: #fff;
}
-->
</style>
Винаги има изход ...
|
| |
|
|
|