Positionering tekst anders in IE dan Mozilla/Netscape
Nu echter mijn probleem:
Ik positioneer tekst absolute via mijn stylesheet "style.css"
Een voorbeeld:
.text{
position: absolute;
left: 5px;
top: 17px;
margin: 0px;
padding: 0px;
border-width: 0px;
text-align: left;
z-index: 1;
}
Verder staat er ook het volgende font in:
h1{
font-family: "cooper black", verdana, arial, helvetica, sans-serif;
font-size: 25px;
font-weight: 400;
font-style: normal;
color: #FFE400;
}
In mijn html staat het volgende:
<div class="text"><h1>Bla bla</h1></div>
Mijn probleem is nu dat internet explorer en dreamweaver de tekst op een andere hoogte zetten, dan mozilla/netscape. Het lijkt wel of mozilla/netscape alles een regel naar beneden haalt. Kan iemand mij uitleggen hoe dat komt?
Is behoorlijk irritant, is voor zover ik weet alleen op te lossen door alles weer binnen tabellen te halen enzo.
Maar misschien is er een andere oplossing..
Ik hoop het. Anders is deze manier van het bouwen van een site ineens helemaal niet zo handig. Kan me niet voorstellen dat meerdere mensen hier niet tegenaan zijn gelopen...
#wrap {
position: absolute;
left: 20px;
top: 0px;
width: 200px;
border: 1px solid #000;
}
#position {
position: relative;
left: 10px;
top: 0px;
border: 1px solid #000;
}
#position gaat van de positie van #wrap uit.. zo werk ik altijd, en het werkt goed :)
h1{
font-family: "cooper black", verdana, arial, helvetica, sans-serif;
font-size: 25px;
font-weight: 400;
font-style: normal;
color: #FFE400;
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
Ik weet niet precies welke van de onderste opties de killer was, maar zo doet ie het iig goed