[CSS] roznica miedzy IE -FIREFOX Opcje

[--lonas--]

Czy ktos moze mi powiedziec czemu ta strona http://www.agdrynek.pl/ pod IE jest ok a pod Firefox sie rozjezdza ?

Kod css

[HTML] pobierz, plaintext 
#strona {
    margin     : auto;
    border     : 1px solid black;
    padding    : 0px;
    width      : 98%;
    font-family: Tahoma;
    font-size  : 11px;
    color      : #96B6C2;
    background-color:#f4f0e8;    
 
}
 
#naglowek {
    margin  : 0px;
    border  : none;
    padding : 0px;                     
}
 
#kolumnaLewa {
    margin  : 0px;
    border : none;
    padding : 0px;
    float   : left;
    width   : 30%;
    background-color:#f4f0e8;
}
 
#kolumnaPrawa {
    margin  : 0px;
    border-left     : 3px solid white;
    padding : 3px;
    float   : right;
    width   : 70%;
}
 
#stopka {
    margin  : 0px;
    padding : 0px;
    width   : 100%;                                                
    clear : both;
    background-color:#e5decb;
    border-top    : 2px solid #666666;
}
 
 
Druga rzecz to jak ustawie KolumnaLewa wartosc stala w px to Kolumna prawa w FIREFOX zjezdza mi na dol :/
[HTML] pobierz, plaintext 

[mike]

Rozjeżdża sie bo jest tragicznie napisana. Kto to pisał? Kucharz, sekretarka czy może pielęgniarka? Bo na pewno nikt kto się na tym zna.
Prosta odpowiedź to dlatego, że kod to tragiczny śmietnik.

A szczegółowa odpowiedź to taka, że IE i FF różnie interpretują Box Model. Dla IE obiekt id=kolumnaPrawa ma szerokość 70% a dla FF ma szerokość 70%+6px. Prawidłowo oblicza to FF.

[Lonas]

Od drugiej strony kod wyglada dobrze - poprostu podczas ladowania strony sa includowane rozne pliki i dlatego to tak wygalda na zewnatrz




A jak zrobic ze jak mam 2 div obok siebie w momencie kiedy zmniejszam okno przegladarki to prawy div sie tez zawęża a nie schodzi ponizej lewego ?

Kod :

[PHP] pobierz, plaintext 
//index
 
 <div id="strona">
   
	  <div id="naglowek">
		 <div id="logo"></div>
 
		 <div id="panel_naglowek_gora">
			 <table width="627" border="0" cellspacing="0" cellpadding="0" >
				 <tr><td width="627" height="60" background="images/gora/pasek_gora.jpg"><p class="regulamin" ><a href="index.php" class="gora">Regulamin</a><img src="images/spacer.gif" width="40" height="1"><a href="index.php" class="gora">Dane firmy</a><img src="images/spacer.gif" width="45" height="1"><a href="index.php" class="gora">Wysylka</a><img src="images/spacer.gif" width="60" height="1"><a href="index.php" class="gora">Kontakt</a></p></td></tr>
				 <tr><td><img src="images/gora/reklama.jpg" width="100%" height="207"></td></tr>
			 </table>
		 </div>
 
	  </div>
 
	  <div id="kolumnaLewa">
		<?php include('./scripts/pokaz_menu.php'); ?> 
	  </div>
 
	  <div id="kolumnaPrawa">
		<?php
		  if(isset($_POST['akcja_wyszukaj']) OR isset($_GET['cena_od']) OR isset($_GET['cena_do']))
			include('scripts/pokaz_znalezione_produkty.php');
		  else
			include('scripts/pokaz_zawartosc.php'); ?>
	  </div>  
 
 
 
	  <div id="stopka">
		Copyright &copy; 2008, &quot;AGDrynek&quot;, Wszelkie prawa zastrzeżone
	  </div>  
 
 
 
 
  </div>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
#kolumnaLewa {
    margin  : 0px;
    border : none;
    padding : 0px;
    float   : left;
    width   : 225px;
    background-color:#f4f0e8;
}
 
#kolumnaPrawa {
 
    border-left  : 3px solid white;
    width   : 81%;
    float   : left;
 
}
[HTML] pobierz, plaintext