Witam mam taki problem mianowicie od wczoraj układam szablon na divach i gdy już go ułożyłem okazało okazało sie że mozilla czyta kod całkiem inaczej niż opera (IMG:
style_emoticons/default/tongue.gif) Niby oczywiste ale każdemu może się zdarzyć (IMG:
style_emoticons/default/haha.gif) No to zaczołem od nowa pisać pod opere i mozille i natrafiłem na taki problem z którym nie mogę sobie poradzić:
Na operze wygląda tak jak ma wyglądać:
http://img87.imageshack.us/img87/3254/operauw.jpga tu widok z mozilli (chodzi mi o drugi news)
http://img96.imageshack.us/img96/4498/mozzila.jpgNie wiem czemu tak się dzieje choć drugi news ma taki sam kod jak pierwszy co widać działa w operze
Oto kod css newsów:
#blok23 {
background-image: url(Obrazki/pociete_23.jpg);
width: 680px;
height: 6px;
}
#blok25 {
background-image: url(Obrazki/pociete_25.jpg);
width: 12px;
height: 53px;
float: left;
}
#avatar {
width: 50px;
height: 50px;
float: left;
}
#blok27 {
background-color: #1d1d1d;
width: 438px;
height: 17px;
font-family: Arial;
font-size: 16px;
color: #818181;
padding-top: 8px;
padding-left: 6px;
}
#blok27 a {
color: #818181;
text-decoration: none;
}
#blok27 a:hover {
color: #c00000;
text-decoration: none;
}
#blok34 {
background-color: #1d1d1d;
width: 423px;
height: 18px;
font-family: Arial;
font-size: 12px;
color: #4a4a4a;
padding-top: 6px;
padding-left: 21px;
}
#blok34 a {
color: #4a4a4a;
text-decoration: none;
}
#blok34 a:hover {
color: #c00000;
text-decoration: none;
}
#blok28 {
background-image: url(Obrazki/pociete_28.jpg);
width: 38px;
height: 50px;
float: left;
}
#news_head_3 {
float: left;
}
#news_head_4 {
float: left;
}
#komentarze {
background-image: url(Obrazki/komentarze.jpg);
width: 120px;
height: 19px;
font-family: Arial;
font-size: 12px;
color: #818181;
padding-top: 5px;
padding-left: 10px;
}
#komentarze a {
color: #818181;
text-decoration: none;
}
#komentarze a:hover {
color: #c00000;
text-decoration: none;
}
#blok33 {
background-image: url(Obrazki/pociete_33.jpg);
width: 130px;
height: 2px;
}
#czytaj {
background-image: url(Obrazki/czytaj.jpg);
width: 120px;
height: 20px;
font-family: Arial;
font-size: 12px;
color: #818181;
padding-top: 4px;
padding-left: 10px;
}
#czytaj a {
color: #818181;
text-decoration: none;
}
#czytaj a:hover {
color: #c00000;
text-decoration: none;
}
#blok30 {
background-image: url(Obrazki/pociete_30.jpg);
width: 6px;
height: 50px;
float: left;
}
#blok36 {
background-image: url(Obrazki/pociete_36.jpg);
width: 668px;
height: 3px;
float: left;
}
#news_body {
background-color: #141414;
width: 675px;
font-family: Arial;
font-size: 12px;
color: #818181;
padding-left: 5px;
}
#news_body a {
color: #818181;
font-weight: bold;
text-decoration: none;
}
#news_body a:hover {
color: #c00000;
font-weight: bold;
text-decoration: none;
}
#news_end {
background-image: url(Obrazki/news_end.jpg);
width: 680px;
height: 15px;
float: left;
}
#news {
margin-left: 247px;
}
A tu kod strony:
<div id="avatar"><a href="#"><img border="0" src="obrazki/avatar.jpg"></a></div> <div id="blok27"><a href="#">Tytuł wiadomości
</a></div> <div id="blok34">Napisał
<a href="#">Otto
</a> dnia 02 Kwietnia 2010 w kategorii Portal
</div>
<div id="komentarze"><a href="#">Komentarze: 23
</a></div> <div id="czytaj"><a href="#">Czytaj dalej...
</a></div> <div id="news_body">TREŚĆ
</div>