Проблем с CSS

L

liberal

Registered
Имам следния проблем с визуалицазията на сайта под Firefox,мисля че от CSS но немога да разбера къде ми е грешката

Ето как изглежда сайта под IE i Firefox
IE:

Firefox:


Ето и самия CSS код

Код: 
body{
background:#efefef;
}


.buttons a {
margin-top:5px;
margin-left:60px;
position:relative;
color: #FFFFFF;
padding-top:1px;
padding-right:2px;
padding-bottom:0px;
padding-left: 2px;
font: 13px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align:center;
}

.buttons a:hover {background-color: #a20505;
color: #FFFFFF;
text-decoration: none;}


#header{
width:750px;
height:176px;
background:url(images/header.gif) no-repeat;
}

#menu{
margin-left:2px;
width:746px;
height:18px;
background:url(images/menu.gif) repeat-x;
}

#body{
width:750px;
background:url(images/body.gif) repeat;
}

#footer{
float:left;
width:750px;
height:74px;
background:url(images/footer.gif) no-repeat;
}

p{
position:relative;
margin-top:25px;
text-align:center;
font-weight:bold;
font-size: 8pt;
}


.playerbox{
margin-right:5px;
float:right;
width:160px;
height: 100px;
position:relative;
background: url(images/radio.gif);
}

#playertitle{
width:160px;
z-index:1;
height:20px;
background: #616161;
text-align:center;
font-weight:bold;
color:#ffffff;
}

#playicon{
margin-left:50px;
margin-top:10px;
position:relative;
}

img{
border:0;
}


.newsbox{
margin-left:40px;
float:left;
width:400px;
position:relative;
text-align:justify ;

}

#newstitle{
width:400px;
z-index:1;
height:20px;
background: #616161;
text-align:center;
font-weight:bold;
color:#ffffff;
}


.forumbox{
margin-left:40px;
float:left;
width:400px;
position:relative;
text-align:justify ;

}

#forumtitle{
width:400px;
z-index:1;
height:20px;
background: #616161;
text-align:center;
font-weight:bold;
color:#ffffff;
}

.serverbox{
margin-right:5px;
float:right;
width:160px;
position:relative;
text-align:justify ;

}

#servertitle{
width:160px;
z-index:1;
height:20px;
background: #616161;
text-align:center;
font-weight:bold;
color:#ffffff;
}

Мерси предварително за помоща ;)
 
Ето линк
http://sh0k0lad.host-bg.info/popovo/

ами първо бях добавил DIV-a за player-a след това добавих другите 2 div-a за новините и форума и от тогава почна да прави проблем ... и немога да открия кое ми прави проблем ...
 
пробвай така:

Код: 
body{
background:#efefef;
height: 100%;
}

ако не стане с процентите си го нагласи с пиксели.
Мисля, че за белия фон говориш, който под FF не запълва целия див?:)
 
Да не запълва целия DIV а преди си го запълваше не стана с височината нещо ... Някакви други идей ?
 
Извинявам се това с процентите стана но ако сложа повече текст примерно за да се разтегне div-a и пак се получава това накъсване имали начин да се направи да си запълва целия div примерно ако се разтегне повече от 100 % ?

Ето на линка в момента е с височина 100% разтеглих дива и какво се получи
http://sh0k0lad.host-bg.info/popovo/
 
liberal каза:
Извинявам се това с процентите стана но ако сложа повече текст примерно за да се разтегне div-a и пак се получава това накъсване имали начин да се направи да си запълва целия div примерно ако се разтегне повече от 100 % ?

Ето на линка в момента е с височина 100% разтеглих дива и какво се получи
http://sh0k0lad.host-bg.info/popovo/
Увеличете...

екстра си е, какво?
а дивовете си ги разшиюрявай с width, не с текст:)
примерно:
Код: 
.newsbox{
margin-left:40px;
float:left;
width:400px;
position:relative;
text-align:justify ;
}

тука промени на width:500px; да речем
 
Един съвет от мен - винаги когато флоатваш елемнти , не забравяй да сложиш елемнт , който изчиства флоатинга, затова не се разпъва дива. И то говоря ,че не се разпъва в Модзилата , ие-то е патрон в това отношение.
<div style="padding: 10px 5px 5px;"> преди да затвориш сложи <div style=" clear:both;"></div> и тогава го затвори </div>

p.s. това с height:100%; не го бях чувал , но явно работи :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе