Już mi ręce opadają:/ nie wiem w którym miejscu robię błąd, css jak i html przechodzi poprawnie validację, a mimo to IE robi fochy.
Może najpierw pokaże screeny:
kosmos w IEtak powinna wyglądać stronai oczywiście 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" lang="pl" xml:lang="pl"> <meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" /> <meta name="Description" content=" [wstaw tu opis strony] " /> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
<link href="style.css" rel="stylesheet" type="text/css" /> <!--menu -->
<a href="http://www.alumateq.pl"><img src="images/logo.jpg" alt="Alumateq" id="llogo" /></a> <li class="active"><a href="#"><span>home
</span></a></li> <!-- do aktywnego adresu należy dodać span --> <li class="normal"><a href="#">o firmie
</a></li> <li class="normal"><a href="#">realizacje
</a></li> <li class="normal"><a href="#">certyfikaty
</a></li> <li class="normal"><a href="#">dealer
</a></li> <li class="normal"><a href="#">kontakt
</a></li> <!-- header -->
Witamy na stronie firmy ALUMATEQ
<br /> <em>Producenta stolarki aluminiowej
</em> <p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book. It has survive d
not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with
the release of Letraset sheets containing Lorem Ipsum passages, and
more recently with desktop publishing software like Aldus PageMaker
including versions of Lorem
<a href="#"><img src="images/more_white.png" alt="więcej" /></a> <img src="images/img01.jpg" alt="" /> <!-- oferta -->
<img src="images/okno_prof.png" class="prof" alt="" /> <h2>OKNA
</h2>kjkjkjkj
<br />jkjkj
<br />jkjkjkj
<br />jkjkf
* {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF url(images/tlo.gif) repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
}
img {
border: none;
}
/* Menu */
#menu {
width: 980px;
height: 94px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu .normal a {
display: block;
float: left;
height: 20px;
margin: 40px 12px 0 0;
padding: 2px 0 0 0;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 12px;
color: #262626;
}
#menu .normal a:hover {
color: #767676;
}
#menu .active a {
background: #343434 url(images/mright.gif) right top no-repeat ;
display: block;
float: left;
height: 20px;
margin: 40px 12px 0 0;
padding: 0px 8px 0 0;
text-decoration: none;
}
#menu span {
background: url(images/mleft.gif) left top no-repeat;
height: 18px;
display: block;
padding: 2px 0 0 8px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}
#menu li {
display: inline;
}
#menu img {
margin: 20px 280px 24px 10px;
float: left;
}
/* Header */
#header {
width: 980px;
margin: 0 auto;
}
#hleft {
float: left;
width: 488px;
height: 293px;
background: url(images/img00.gif);
}
#hright {
float: right;
width: 492px;
height: 293px;
}
h1 {
margin: 25px 0 25px 10px;
height: 34px;
width: 400px;
color: #ffffff;
border-left: 12px solid #85C226;
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
padding: 0 0 0 10px;
}
h1 em {
color: #BDBDBD;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}
#hleft p {
color: #ffffff;
font-family: verdana;
font-size: 11px;
font-weight: normal;
margin: 0 45px 0 32px;
}
#hleft img {
margin: 40px 45px 0 0;
float: right;
}
/* oferta */
#offer {
width: 980px;
margin: 0 auto;
}
#offer_left {
float: left;
clear: left;
width: 355px;
height: 229px;
margin: 10px 0 0 0;
background: url(images/offer_left.png);
}
#offer_middle {
float: left;
clear: none;
width: 344px;
height: 229px;
margin: 10px 0 0 0;
background: url(images/offer_middle.png);
}
#offer_right {
float: right;
clear: right;
width: 281px;
height: 229px;
margin: 10px 0 0 0;
background: url(images/offer_right.png);
}
.prof {
margin: 60px 10px 40px 5px;
display: inline;
float: left;
clear: left;
}
#offer h2 {
background: url(images/plus.png) no-repeat left;
padding: 0 0 0 12px;
margin: 30px 0 10px 71px;
color: #85C226;
font-family: Tahoma;
font-weight: bold;
font-size: 19px;
}
Ten post edytował maribt 7.04.2010, 00:30:46
Rozjeżdzanie się pod IE
maribt Rozjeżdzanie się pod IE 7.04.2010, 00:29:39 
