float divy + problem pod IE

0

Witajcie serdecznie :)
Stworzyłem stronę na 3 pływających kolumnach, jedną z nich podzieliłem jeszcze na dwie części też przy pomocy pływających ramek. W FF jest wszystko ok, a pod IE kicha, mógłbym to zrobić inaczej ale jestem ciekaw gdzie popełniam (o ile popełniam) błąd. Zamieszczam poniżej kody i fotki pod ie i ff. Wiem że między IE a FF jest różnica 1 pixela i to wziąłem pod uwagę, ale niestety to nic nie pomogło.
kod css:

#column1 {
	float:left;
	width: 16%;
	height:100%;
	background: blue;

}

#column2 {
	float:left;
	padding-top:20pt;
	width: 66%;
}

#column3 {
	float:right;
	width: 16%;
	height:100%;
	
background: orange;

}	

#inside1 {
	float:left;
	width: 50%;
	background:black;
}

#inside2 {
	float:left;
	width: 49%;
	background:red;
}

kod strony

<HTML>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-2">
    <META HTTP-EQUIV="cache-control" CONTENT="no-cache"> 
    <META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
     <link rel="stylesheet" type="text/css" href="user/style.css" />    
  <HEAD>  
  </HEAD>  
<BODY>
 <!-- lewa pusta przestrzen -->     

   	   <DIV ID="column1">
	       <P></P>
          </DIV>
	   
 <!-- wykorzystywana przestrzen - srodek -->     
 <DIV ID="column2">
    <BR><BR>
    <DIV ID="inside1">
         <P><BR></P>
    </DIV>

    <DIV ID="inside2">
        <P><BR></P>
    </DIV> 	
</DIV>    
  	
<DIV ID="column3">
    <p></p>
</DIV>   
    
 </BODY>
</HTML>

i jeszcze screen pod ff: TAK JEST OK
http://img138.imageshack.us/img138/6672/strjw1.gif
i jeszcze screen pod IE: TAK JEST LIPA
http://img143.imageshack.us/img143/6963/ieng7.gif

0

popraw HTMLa i bedzie OK

0
WojtekK napisał(a)

popraw HTMLa i bedzie OK
a co jest w nim nie tak?? (Poza tym że <BODY> powino być za </HEAD>- co poprawiłem ale nic nie zmieniło)??

0

jest:

<HTML>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-2">
    <META HTTP-EQUIV="cache-control" CONTENT="no-cache">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
     <link rel="stylesheet" type="text/css" href="user/style.css" />   
  <HEAD> 
  </HEAD> 
<BODY> [...]

powinno byc:

<HTML>
  <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-2">
    <META HTTP-EQUIV="cache-control" CONTENT="no-cache">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
     <link rel="stylesheet" type="text/css" href="user/style.css" />   
   </HEAD> 
<BODY> [...]
0

ups ;-P ale plama ;] walczę dalej teraz jest oki ;] dzięki

0

może jestem nudziarz, ale narzędzia typu validator.w3.org nie powstały tylko po to, żeby można było sobie znaczek zgodności na stronkę wstawić

0
tomkiewicz napisał(a)

może jestem nudziarz, ale narzędzia typu validator.w3.org nie powstały tylko po to, żeby można było sobie znaczek zgodności na stronkę wstawić
dzięki zacząłem z niego korzystać :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1