[CSS] margin layout probleem.

[Verwijderd]

Hoi,

Ik ben bezig met CSS, en nu ben ik tegen een probleem aan gelopen waar ik de oplossing even niet zie. Het gaat om het volgende, het werkt wel in FF maar niet in IE.

De margin-top van een div wilt hij niet pakken.

Waar het om gaat: http://www.joeybuys.nl/tmp/coppens/test.html
Bekijk hem maar eens in FF (zo moet hij er uit zien) en in IE.

De CSS code:

code:

body{
    background: #002926;
    color: #333333;
    margin-top:20px;
    font-family: Verdana;
    font-size: 10px;
    text-align:justify;
 }
 
a {             text-decoration: none;
                border-bottom: 1px dashed #FFFFFF;
                color: #0099FF; }
a:hover {       text-decoration: none;
                color: #0099FF;
                font-size: 11px; }
a:visited {     text-decoration: none;
                color: #0099FF; }
a:active {      text-decoration: none;
                color: #0099FF }
 

div.header{
    position: absolute;
    top: 20px;
    left:20px;
    width: 300px;
    height: 20px;
    background: #002926;
    color: #FFFFFF;
    margin: 0;
    padding: 10px;
}

div.menu{
    position: absolute;
    top: 50px;
    left:20px;
    width: 300px;
    background: #000000;
    color: #FFFFFF;
    margin: 0;
    padding: 10px;
}

div.rcol{
    position: absolute;
    top: 20px;
    background: #ffffff;
    width: 280px;
    color: #333333;
    margin: 0;
    padding: 10px;
    margin-left: 330px;
}

div.lcol{
    margin-top: 65px;
    width: 300px;
    background: #002926;
    color: #FFFFFF;
    padding: 10px;
}


div.container {
    position: relative;
    height: 100%;
    width: 624px; 
    margin: 0 auto;
    padding:20px 20px 20px 20px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    line-height:15px;
    background-color:#E35929;
}

Alvast vriendelijk bedankt.

[paragon]

Je lcol wordt in ie denk ik niet vanaf de bovenkant van je container gepositioneerd. (Misschien even iets veranderen aan de container) <-- onzin

[ Voor 7% gewijzigd door paragon op 04-04-2005 11:04 ]

[Verwijderd]

Paragon: Van waar wordt lcol dan gepositioneerd?

*edit*

oh...

[ Voor 32% gewijzigd door Verwijderd op 04-04-2005 11:14 ]

[paragon]

Cascading Stylesheet:

div.header{
    position: relative;
    width: 300px;
    height: 15px;
    background: #002926;
    color: #FFFFFF;
    margin: 0;
    padding: 10px 10px 5px 10px;
}

div.menu{
    position: relative;
    width: 300px;
    background: #000000;
    color: #FFFFFF;
    margin: 0;
    padding: 10px;
}

div.rcol{
    position: absolute;
    top: 20px;
    background: #ffffff;
    width: 280px;
    color: #333333;
    margin: 0;
    padding: 10px;
    margin-left: 330px;
}

div.lcol{
    position:relative;
    width: 300px;
    background: #002926;
    color: #FFFFFF;
    padding: 10px;
}


div.container {
    position:relative;
    height: 100%;
    width: 624px; 
    margin: 0 auto;
    padding:20px 20px 20px 20px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    line-height:15px;
    background-color:#E35929;
}

Heb alles links maar relative gemaakt werkt hier in ie en moz

[ Voor 1% gewijzigd door paragon op 04-04-2005 11:19 . Reden: padding op header aangepast. ]

[Verwijderd]

Wat heb je precies verandert, dan weet ik waar het probleem zit he

*edit*
Het werkt idd! thx

[ Voor 20% gewijzigd door Verwijderd op 04-04-2005 11:18 ]

[Wacky]

Zoals paragon zegt: position: absolute verandert in position: relative

[Daan]

Verwijderd schreef op maandag 04 april 2005 @ 11:17:
Wat heb je precies verandert, dan weet ik waar het probleem zit he

*edit*
Het werkt idd! thx

Dat zegt hij toch, alles wat links zit heeft hij veranderd van "absolute" naar "relative"

edit: Vuile Wacky!

[ Voor 9% gewijzigd door Daan op 04-04-2005 11:20 ]

[Verwijderd]

Was dat nou het engiste....

*schaamt zich dat ik daar niet aan gedacht heb, en daarom een topic heb geopend*

[paragon]

Verwijderd schreef op maandag 04 april 2005 @ 11:21:
Was dat nou het engiste....

*schaamt zich dat ik daar niet aan gedacht heb, en daarom een topic heb geopend*

Ja met zo'n nick moet je dat zeker doen

[Verwijderd]

ik wist mn oude username niet meer, ben hier ook al een hele tijd niet meer geweest.. en ik kon even niets anders bedenken vandaar...