<div>, css

Pravia sait s div-ove i problemat mi e footer-a(bottom). V Explorer-a e OK, no v Netscape-a pri poveche text se dani. Niakoi ima li opit s div-ovete?

Mersi.

Ако на така зададения, дълбоко информативен въпрос очаквах отговор, ще има да си чакаш, като уточниш какво точно искаш да постигнеш и най-вероятно ще се намери кой да помогне.

Emi prav si, no ne znaeh dali sum na viarnoto miasto i zatova biah pesteliv ;-).
Eto i link kam problema mi.
[линк]

Idejata e jaltata iviza da e vinagi nai-dolu. No v momenta teksta preliva izvan neja. V Explorer-a vsicko e OK, no v Netscape i Mozilla e kofti.

Oleg

#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>

Винаги има изход ...
[линк]

mersi mnogo za kompetentnia i izcherpatelen otgovor!

shte go probvam vednaga.

Oleg

Сработи ли?

Винаги има изход ...
[линк]

На div-a с текста - display: table;

във ФФ продължава да не е както трябва, проблема че, че трябва се изчистят флоатите, сложи на ботъм, което ти е жълтата ивица:

#bottom{
clear: both; /*eto toa dobawi za da stane ok*/
background: #ffff00;
height: 10px;
margin: 0 auto;
}