login  Naam:   Wachtwoord: 
Registreer je!
 Forum

DIV probleem in IE 6 (Opgelost)

Offline michel3vb - 05/05/2008 15:27 (laatste wijziging 05/05/2008 15:33)
Avatar van michel3vbNieuw lid Hallo,

ik ben bezig met het opzetten van een EK Poule voor mijn voetbalteam.
Nu is de website zo goed als af, tot dat ik er gisteren achter kwam dat mijn website het niet helemaal doet in IE 6 .
In IE 7 en Firefox werkt de site perfect op enige schoonheids foutjes na dan.

zo ziet de site er uit in ie 7: http://www.plaatjesupload.nl/bekijken/668567.html
zo in firefox: http://www.plaatjesupload.nl/bekijken/668568.html
en zo in ie 6: http://www.plaatjesupload.nl/bekijken/668566.html

de content div in ie 6 is te ver naar rechts.
ik werk met een template pagina die bij elke pagina, die alleen dus het middelste gedeelte bevat, de rest er omheen bouwt.

template ziet er als volgt uit:
  1. <?php
  2. require_once("header.php"); //hierin staat het css bestand aangeroepen!
  3. ?>
  4.  
  5. <div id=helebox>
  6. <div id=header>
  7. <img src="images/banner.jpg">
  8. </div>
  9. <div id=body>
  10. <div id=links_menu>
  11. hierin het linker gedeelte
  12. </div>
  13. <div id=rechts_menu>
  14. hierin het rechter gedeelte
  15. </div>
  16. </div>

in de hier bovenstaande code is express de div tag niet helemaal gesloten, omdat anders de content div onder de pagina verschijnt en er dus niet in.

een pagina zoals de index ziet er dan als volgt uit:
  1. <?php
  2. require_once("template.php");
  3. ?>
  4.  
  5. <div id=content1>
  6. hier dan de pagina zelf
  7. </div>


en hier staat het css bestand: Plaatscode: 7997

Heb al heel veel verschillende dingen geprobeerd, maar niks werkt.
zou iemand me misschien kunnen helpen zodat de website het ook goed doet in IE 6?

alvast bedankt voor de hulp
Michel

2 antwoorden

Gesponsorde links
Offline StommePoes - 09/05/2008 09:48 (laatste wijziging 09/05/2008 09:51)
Avatar van StommePoes Nieuw lid Je #header div is niet gesloten? Dat mag niet. Je weet nooit hoe een browser zou met invalid code werken : (

Maar, ik denk dat het gewoon dubbele margin bug is.
  1. #content1 {
  2. position:relative;
  3. width: 560px;
  4. float:left; <--kijk, is floated, waarom?
  5. margin-left: 145px; <-- dit is misschien 2keer groter in IE6
  6. [b]display: inline;[/b] <-- misschien zal werken


Soms, als je een float hebt in IE6, worden de zijdmargins verdubbelde. Bugz : ) Als je "display: inline;" in #content1 zetten, lukt het? Dat is het makkelijkste oplossing. Andere browsers kijk nooit naar display: inline op een float, omdat floats altijd blocks zijn.

Maar, ik heb ook gezien de zijdmenu's... ze zijn floated EN position: absolute. Kies 1. Wil je dat ze absolutely positioned zijn of floated? Die zijn twee verschillende dingen.

Probeer display: inline maar.
Offline michel3vb - 11/05/2008 10:26
Avatar van michel3vb Nieuw lid sorry voor de late reactie, maar het probleem is opgelost dankzij StommePoes, bedankt 

ik heb de float: left weggehaald.
en de rest gewoon laten staan. En nu werkt de site in IE 7 + IE 6 + Firefox 2....

dus nu ziet het er zo uit:
  1. #content1 {
  2. position:relative;
  3. width: 560px;
  4. margin-left:145px;
  5. background-color:#0263b4;
  6. margin-bottom:10px;
  7. }



overigens bij display inline wordt de box maximaal in breedte, waardoor die dus onder de linker en rechter box staat

nogmaals bedankt 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s