login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[CSS] floating problemen in IE6 (Opgelost)

Offline Godlord - 11/11/2007 01:55
Avatar van GodlordPHP gevorderde Hey,

Ik heb een probleem in IE6 met mijn div's.

Hoe het eruit ziet in IE6.

In Firefox staan de div's netjes naast elkaar. Hier is de CSS code:

  1. #rightbox {
  2. width: 610px;
  3. height: auto;
  4. float: right;
  5. margin: 0px;
  6. padding: 0px;
  7. margin-left: auto;
  8. margin-right: auto;
  9. }
  10.  
  11. #centerdiv {
  12. width: 400px;
  13. height: auto;
  14. float: left;
  15. }
  16.  
  17. #rightdiv {
  18. width: 180px;
  19. height: auto;
  20. float: right;
  21. }


En hier is zo'n beetje de HTML code zodat je een idee hebt hoe het in elkaar steekt.
  1. <div id="rightbox">
  2. <div id="centerdiv">Dit is gecentreerd...</div>
  3. <div id="rightdiv">Dit staat rechts...</div>
  4. </div>


Weet iemand wat ik moet doen om dit goed te krijgen in IE6?

Alvast bedankt.

2 antwoorden

Gesponsorde links
Offline Scott - 11/11/2007 02:57
Avatar van Scott Gouden medaille

PHP ver gevorderde
Probeer eens de margin van rightdiv en centerdiv en de padding van rightbox op 0 te zetten. Anders ben ik bang datje breedte van centerdiv en/of rightdiv moet verkleinen. Heb hier zelf ook vaak problemen mee gehad...
Offline Godlord - 11/11/2007 03:20 (laatste wijziging 11/11/2007 03:51)
Avatar van Godlord PHP gevorderde Dat werkt dus niet en met de breedte heb ik al veel geprobeerd dat werkt ook niet.

Edit: werkt nu wel maar de tussenruimte is ontzettend groot... 
Edit2: hoort normaal ook te werken maar IE6 heeft ergens vandaan breedte toegevoegd aan de div...

Nevermind, padding voegt toe aan de werkelijke breedte in IE. Normaal hoort die gebruik te maken van de beschikbare width...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.176s