login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Margin in IE (Opgelost)

Offline TriX - 31/05/2007 11:48
Avatar van TriXHTML interesse Hallo...

Ik ben net begonnen mijn site om te zetten naar DIV-jes... Dit is voor mij de eerste keer dat ik dit gebruik. Ik zit met een probleem...

In IE heb ik boven mijn site een margin van 4px. Dit moet weg! In FF is dit niet het geval! Daar ziet de pagina er dan ook mooi uit!

Hoe kan ik dit oplossen???

  1. <STYLE>
  2.  
  3. #menu_top {
  4. position: absolute;
  5. left: 50%;
  6. top: 0px;
  7. height: 11px;
  8. width: 177px;
  9. margin-top: 0px;
  10. margin-left: -390px;
  11. }
  12.  
  13. </STYLE>
  14.  
  15. <div id="menu_top">
  16. <IMG SRC="images/menu_top.jpg" WIDTH="177" HEIGHT="11" BORDER="0" ALT="">
  17. </div>

7 antwoorden

Gesponsorde links
Offline Ultimatum - 31/05/2007 11:51
Avatar van Ultimatum PHP expert
  1. * {
  2. margin: 0px;
  3. padding: 0px;

of
  1. body {
  2. margin: 0px;
  3. padding: 0px;
Offline TriX - 31/05/2007 11:57
Avatar van TriX HTML interesse Dat werkt niet :S

Dat had ik er namelijk al instaan!
Offline Ultimatum - 31/05/2007 11:59
Avatar van Ultimatum PHP expert Hmm, zet dat dan ook in je beginpost....
Offline TriX - 31/05/2007 12:02 (laatste wijziging 31/05/2007 12:10)
Avatar van TriX HTML interesse Ik snap er egt niks van...

Bij IE doet ie de banner wel goed en de menu_top niet
Bij FF doet ze allebei goed!

Bij de ene div zet ie m goed tegen de bovenkant... en bij de andere niet :S

Deze doet t niet:

  1. #menu_top {
  2. position: absolute;
  3. left: 50%;
  4. top: 0px;
  5. height: 11px;
  6. width: 177px;
  7. margin-top: 0px;
  8. margin-left: -334px;
  9. }
  10.  
  11. <div id="menu_top">
  12. <IMG SRC="images/menu_top.jpg" WIDTH="177" HEIGHT="11" BORDER="0" ALT="">
  13. </div>


En deze wel:

  1. #banner {
  2. position: absolute;
  3. left: 50%;
  4. top: 0px;
  5. height: 191px;
  6. width: 491px;
  7. margin-top: 0px;
  8. margin-left: -157px;
  9. }
  10.  
  11.  
  12. <div id="banner">
  13. <IMG SRC="images/banner.jpg" WIDTH="491" HEIGHT="194" BORDER="0" ALT="">
  14. </div>


Kan iemand uitleggen wat er fout is :S
Offline xSc - 31/05/2007 12:16
Avatar van xSc Onbekend Jij denkt te moeilijk.

Wat jij doet met left: 50% en margin-left: -..... doe je alleen met je hoofddiv: de div waar je site inkomt. De rest kun je prima positioneren met relative/absolute i.c.m. top en left.
Offline TriX - 31/05/2007 12:18 (laatste wijziging 31/05/2007 12:58)
Avatar van TriX HTML interesse Het werkt...

Het is ongelovelijk... maar het probleem was:
Niet:
  1. <div id="menu_top">
  2. <IMG SRC="images/menu_top.jpg" WIDTH="177" HEIGHT="11" BORDER="0" ALT="">
  3. </div>

Wel:
  1. <div id="menu_top"><IMG SRC="images/menu_top.jpg" WIDTH="177" HEIGHT="11" BORDER="0" ALT=""></div>
Offline mathiasB - 31/05/2007 16:57 (laatste wijziging 31/05/2007 16:58)
Avatar van mathiasB HTML interesse Bij mij staat er tweemaal hetzelfde in je vorige post 
Om mijn pagina's de randen te doen 'raken' doe ik dit zo:
  1. <style type="text/css">
  2. <!--
  3. body {
  4. margin-left:0;
  5. margin-top:0;
  6. }
  7. -->
  8. </style>
(in de head natuurlijk)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.236s