Witam zrobiłem stronę, wysłałem na serwer republika, W przeglądarkach firefox, opera, google chrome i safari wygląda strona tak samo jak na komputerze, jednak na IE 8 wygląda ona inaczej niż na komputerze (chociaż jak włączałem stronę z dysku poprzez IE 8 to wyglądała tak samo). Stopka jest jakaś rozjechana. Jeśli ktoś wie w czym tkwi problem niech pisze.
Kod css
Kod css
Kod:
body {
text-align:center;
margin:0 auto;
position:relative;
}
html, body {
font-family:Arial, Helvetica, sans-serif;
background:url(body.jpg);
margin: 0;
padding: 0;
}
#top {
width: 840px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#NAGLOWEK {width:840px; height:300px; background:url(n.png);
}
#MENU {
width: 158px;
height:500px;
float: left;
overflow: hidden;
background:url(menu.png);
border:8px solid #FFFFFF;
}
#TRESC {
width:658px;
height:500px;
float: left;
overflow: hidden;
background-color:#FFFFFF;
overflow:auto;
border-top:8px solid #FFFFFF;
border-right:8px solid #FFFFFF;
border-bottom:8px solid #FFFFFF;
}
#STOPKA {
clear: both;
overflow: hidden;
width:824px;
height:50px;
background:#000000;
border-top:8px solid #FFFFFF;
border-bottom:8px solid #FFFFFF;
border-left:8px solid #FFFFFF;
border-right:8px solid #FFFFFF;
font-size:13px;
color:#FFFFFF;
}
#STOPKA p {text-align:left; padding:10px;
}
#STOPKA p em {float:right;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
width: 158px;
border-bottom:#000000 solid 2px;
}
ul a:link, ul a:visited {
display: block;
width: 158px;
text-decoration: none;
padding: 10px 10px;
font-weight: bold;
color:#000000;
}
ul a:hover {
background-color: #797;
color: #eff;
}
h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif
}
h1,h2 {
text-align:center;
}
h3 {font-size:1em; line-height:2em;
}
h4 {
font-size:.8em; line-height:1.8em;
margin-left:.3em; margin-right:.3em
}
h5 {text-align:left; font-size:1.2em; line-height:1.5em;
}
#TRESC img {float:left; margin-right:15px;}
a {
text-decoration:none;
color:#FFFFFF;
}
table.basic_lines {
width:640px;
border-top:3px solid #069;
float:left;
text-align:left;
color:#000000;
border-collapse:collapse;
border-top:3px solid #990000;
font-family:Arial, Helvetica, sans-serif;
}
table.basic_lines caption {
margin-bottom:6px;
}
table basic_lines td, table.basic_lines th {
padding:5px 3px;
}
table.basic_lines th {
border-bottom:2px solid #069;
}
table.basic_lines td {
border-bottom:1px solid #069;
}
table.basic_lines td {
background-color:#FFFFFF;
}
table.basic_lines th {
background-color:#FFFFFF;
}
table.basic_lines th[scope="col"] {
background-color:#FFFF99;
}
table.basic_lines td, table.basic_lines th {padding:3px;
border-bottom:2px solid #990000;
}Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
<div id="NAGLOWEK">
</div>
<div id="MENU">
<ul>
<li><a href="index.html">O nas</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="promocje.html">Promocje</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
<h4><br />
</h4>
</div>
<div id="TRESC">
<object type="application/x-shockwave-flash"
data="flash.swf"
style="width: 658px; height: 280px;">
<param name="movie"
value="flash.swf" />
<param name="quality"
value="best" />
<p>Brak zainstalowanego plugina</p>
</object>
<h3>tresc<br />
tresc<br /> oraz napoje.<br />
tresc<br />
tresc.</h3>
</div>
<div id="STOPKA">
<p>© Copyright <a href="http://google.com" title="nazwa fimry"><em><a href="http://" title="">created by ....com</a></em></a></p>
</div>
</div>
</body>
</html>
![[Obrazek: beznazwy1hf.png]](http://img251.imageshack.us/img251/2663/beznazwy1hf.png)
