+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Niezgodność z Mozillą (/thread-niezgodno%C5%9Bc-z-mozilla)
Niezgodność z Mozillą - Ari911 - 06-03-2011
Witam. Mam kod
Kod:
<html lang="pl">
<HEAD>
<TITLE>Tytuł</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
body{
background-image: url("pies.png"),url("bg.jpg");
background-repeat:no-repeat, repeat;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
width: 850px;
border-bottom: 0px solid #365;
padding-left: 0px;
}
ul li {
float: left;
background: url("zakladka.png") no-repeat left top;
margin-right: 5px;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("zakladka2.png") no-repeat right top;
color: #000000;
padding: 5px 15px 5px 5px;
margin-left: 10px;
}
ul a:hover {
color: #4aa6c0;
}
.spoiler .inner
{
border:1px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
</HEAD>
<BODY>
<CENTER><a href="odnosnik"><IMG SRC="tytul.png"></a></CENTER>
<center><ul>
<li><a href="Psy.html">PSY</a></li>
<li><a href="osiagniecia.html">OSIĄGNIĘCIA</a></li>
<li><a href="wystawy.html">WYSTAWY</a></li>
<li><a href="odnosnik">RÓŻNE</a></li>
<li><a href="puchary.html">PUCHARY</a></li>
</ul></center>
<center>
<table width="900px" cellpadding="0" cellspacing="0">
<tr><td style="line-height: 1px"><img src="lg.png" alt="" /></td><td bgcolor="#ffffff" style="line-height: 1px"><img src="0.gif" alt="" /></td><td style="line-height: 1px"><img src="pg.png" alt="" /></td></tr>
<tr><td bgcolor="#ffffff"><img src="0.gif" alt="" /></td><td bgcolor="#ffffff">
<p style="margin-bottom: 0cm;"><img class="system-pagebreak" src="obrazek" style="float: left;" border="0" /><span style="color: #333333;"><span style="font-family: 'comic sans ms', sans-serif;">Witam Wszystkich serdecznie na mojej stronie. </span></span></p>
</td><td bgcolor="#ffffff"><img src="0.gif" alt="" /></td></tr>
<tr><td style="line-height: 1px"><img src="ld.png" alt="" /></td><td bgcolor="#ffffff" style="line-height: 1px"><img src="0.gif" alt="" /></td><td style="line-height: 1px"><img src="pd.png" alt="" /></td></tr>
</table>
</center>
</TD></TR>
</TABLE>
</CENTER>
</Body>
</HTML>I problem jest taki że na Mozilli tabela z treścią jest obok menu (Na Chrome i IE jest pod i jest ok)
Drugi problem to to że tym razem IE nie rozpoznaje
Kod:
background-image: url("pies.png"),url("bg.jpg");
background-repeat:no-repeat, repeat;I nie wyświetla dwóch obrazku tła na pozostałych (Mozilli , Chrome działa ok)
RE: Niezgodność z Mozillą - Kartofelek - 06-03-2011
bo taka deklaracja tla wystepuje dopiero w CSS3.
Co do tabeli, to masz nieco pomieszane style (float:left; block, ale width nie ma)
No i używasz starych tagów center.
RE: Niezgodność z Mozillą - www.skrypty.pro - 06-03-2011
A tak nawiasem to straj się dla każdej przeglądarki pisać osobny plik css, bo przeglądarki różnie interpretują kod.
RE: Niezgodność z Mozillą - Kartofelek - 06-03-2011
Nie e. Pisz wspólny styl dla wszystkich. A potem w oddzielnych plikach zmieniaj to co trzeba zmienic