login  Naam:   Wachtwoord: 
Registreer je!
 Forum

rand onder div van 4 pixels in IE

Offline mooya - 28/01/2005 15:49
Avatar van mooyaNieuw lid ik heb ff een klein testje online geset:

http://www.mooijaart.com/test/div.htm

hoe kan ik in IE een rand van 4 extra pixels wegkrijgen aan de onderkant??
firefox heeft dit niet..

14 antwoorden

Gesponsorde links
Offline remy - 28/01/2005 15:53
Avatar van remy PHP ver gevorderde margin en padding op 0 zetten (dmv css;-) )
Offline mooya - 28/01/2005 16:25
Avatar van mooya Nieuw lid dat maakt niks uit..

hij doet het nog steeds zo..
Offline remy - 28/01/2005 16:48
Avatar van remy PHP ver gevorderde heb je een vaste hoogte ingesteld mss, zodat de div te hoog is?
Offline Fenrir - 28/01/2005 16:49
Avatar van Fenrir PHP expert
  1. <img style="padding: 0px; margin: 0px;" src="http://www.mooijaart.com/dvd_covers/56.jpg" width="200" height="300" border="0" alt="test">
Offline mooya - 28/01/2005 20:58
Avatar van mooya Nieuw lid in IE is het hiermee ook nog fout 
dit is nu de code:
  1. <body>
  2. <div style="width: 202px; border: 1px solid #00AEEF; padding: 0px; margin:0;">
  3. <img style="padding: 0px; margin: 0px;" src="http://www.mooijaart.com/dvd_covers/56.jpg" width="200" height="300" border="0" alt="test">
  4. </div>
  5.  
  6. </body>
Offline VonDutch - 28/01/2005 21:00
Avatar van VonDutch PHP interesse IE doet dat soort dingen wel vaker, witruimte waar hij niet hoort. Download gewoon Firefox ;)
Offline giga - 29/01/2005 01:58
Avatar van giga HTML beginner Ziet er vrij duidelijk uit, je geeft de div een breedte van 202 terwijl je afbeelding maar 200 is, dus in FF 2px extra rand aan de rechter kant.
Ik denk dat je het oplost door de div de max-height:300px eigenschap moet geven, daarmee is het opgelost.

Denk er ook aan dat IE anders omspringt met randen en inhoud dan andere browsers.

Offline Fenrir - 29/01/2005 09:08
Avatar van Fenrir PHP expert IE herkent max-height niet...
IE wil ook wel eens lastig doen door een newline of een spatie:

  1. <body>
  2.  
  3. <div style="width: 202px; border: 1px solid #00AEEF; padding: 0px; margin:0;"><img style="padding: 0px; margin: 0px;" src="http://www.mooijaart.com/dvd_covers/56.jpg" width="200" height="300" border="0" alt="test"></div>
  4.  
  5. </body>
Offline mooya - 29/01/2005 13:21
Avatar van mooya Nieuw lid TNX dat was hem...
de laatste </div> moest achter de sluit tag van de Image..

lekker cool hoor dat IE 
Offline giga - 29/01/2005 14:04 (laatste wijziging 29/01/2005 14:04)
Avatar van giga HTML beginner Kleine opmerking:

Daar je met div werkt neem ik aan dat je voor valid gaat ?

Dan moet je je image tag afsluiten :

  1. <img style="padding: 0px; margin: 0px;" src="http://www.mooijaart.com/dvd_covers/56.jpg" width="200" height="300" border="0" alt="test" />
Offline VonDutch - 29/01/2005 14:36
Avatar van VonDutch PHP interesse IE springt er niet alleen anders mee om, hij doet het gewoon fout ;)
Offline Geerios - 29/01/2005 14:58 (laatste wijziging 29/01/2005 14:58)
Avatar van Geerios Onbekend Misschien kan je het met een achtergrond doen dan moet je ff inplaats van
  1. background-color: orange;
dit doen
  1. background-image:url(plaatje.PNG);
ik hoop dat je het lukt en anders pm of mail me maar!!!
Offline yannick - 29/01/2005 15:20
Avatar van yannick PHP interesse Je verandert:

<body>

in

<body topmargin="0" bottommargin="0">

dan heb je ook leftmargin en rightmargin he 

greeettzzz^^
Offline giga - 30/01/2005 00:26
Avatar van giga HTML beginner
  1. <body topmargin="0" bottommargin="0">


is niet meer valid tegenwoordig
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.243s