Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] roznica miedzy IE -FIREFOX
Forum PHP.pl > Forum > Przedszkole
-lonas-
3.06.2008, 09:07:18
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 
  1. #strona {
  2.     margin     : auto;
  3.     border     : 1px solid black;
  4.     padding    : 0px;
  5.     width      : 98%;
  6.     font-family: Tahoma;
  7.     font-size  : 11px;
  8.     color      : #96B6C2;
  9.     background-color:#f4f0e8;    
  10.  
  11. }
  12.  
  13. #naglowek {
  14.     margin  : 0px;
  15.     border  : none;
  16.     padding : 0px;                     
  17. }
  18.  
  19. #kolumnaLewa {
  20.     margin  : 0px;
  21.     border : none;
  22.     padding : 0px;
  23.     float   : left;
  24.     width   : 30%;
  25.     background-color:#f4f0e8;
  26. }
  27.  
  28. #kolumnaPrawa {
  29.     margin  : 0px;
  30.     border-left     : 3px solid white;
  31.     padding : 3px;
  32.     float   : right;
  33.     width   : 70%;
  34. }
  35.  
  36. #stopka {
  37.     margin  : 0px;
  38.     padding : 0px;
  39.     width   : 100%;                                                
  40.     clear : both;
  41.     background-color:#e5decb;
  42.     border-top    : 2px solid #666666;
  43. }
  44.  
  45.  
  46. Druga rzecz to jak ustawie KolumnaLewa wartosc stala w px to Kolumna prawa w FIREFOX zjezdza mi na dol :/
[HTML] pobierz, plaintext
mike
3.06.2008, 09:16:27
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
6.06.2008, 17:03:24
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 
  1. //index
  2.  
  3.  <div id="strona">
  4.    
  5. 	  <div id="naglowek">
  6. 		 <div id="logo"></div>
  7.  
  8. 		 <div id="panel_naglowek_gora">
  9. 			 <table width="627" border="0" cellspacing="0" cellpadding="0" >
  10. 				 <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>
  11. 				 <tr><td><img src="images/gora/reklama.jpg" width="100%" height="207"></td></tr>
  12. 			 </table>
  13. 		 </div>
  14.  
  15. 	  </div>
  16.  
  17. 	  <div id="kolumnaLewa">
  18. 		<?php include('./scripts/pokaz_menu.php'); ?> 
  19. 	  </div>
  20.  
  21. 	  <div id="kolumnaPrawa">
  22. 		<?php
  23. 		  if(isset($_POST['akcja_wyszukaj']) OR isset($_GET['cena_od']) OR isset($_GET['cena_do']))
  24. 			include('scripts/pokaz_znalezione_produkty.php');
  25. 		  else
  26. 			include('scripts/pokaz_zawartosc.php'); ?>
  27. 	  </div>  
  28.  
  29.  
  30.  
  31. 	  <div id="stopka">
  32. 		Copyright &copy; 2008, &quot;AGDrynek&quot;, Wszelkie prawa zastrzeżone
  33. 	  </div>  
  34.  
  35.  
  36.  
  37.  
  38.   </div>
[PHP] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #kolumnaLewa {
  2.     margin  : 0px;
  3.     border : none;
  4.     padding : 0px;
  5.     float   : left;
  6.     width   : 225px;
  7.     background-color:#f4f0e8;
  8. }
  9.  
  10. #kolumnaPrawa {
  11.  
  12.     border-left  : 3px solid white;
  13.     width   : 81%;
  14.     float   : left;
  15.  
  16. }
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.