[CSS] uitlijnen in midden lukt niet

Door Ariën op 18-09-2008 09:45

1.573 views

http://www.claij.nl/testzooi/layout.html

Waarom wordt het wel in FF in het midden gezet, maar in dat IE 7 weer niet?


<style type="text/css">
<!-- 
body { 
background-color: #E9F2EF;
} 

#content { 
position: relative;
background-color: #FF9900;
border-style: solid;
border-color: #000000;
border-width: 1px;
height: 80%;
margin: 0 auto;
width: 800px;
}


-->
</style>

En wat is jullie manier om alles netjes horizontaal in het midden te krijgen. iemand tips en truuks? Ik zit er altijd mee te ememren en te klooien, vanwege die wazige standaarden die IE weer niet aanhoudt of weer niet snapt.

Tips en adviezen hoor ik graag.

Ariën

18-09-2008 12:23

Justim schreef op 18.09.2008 11:07
Zo heb je hem helemaal in het midden staan, zowel verticaal als horizontaal. Ik geloof dat dat de bedoeling was?

#content {
position: absolute;
background-color: #FF9900;
border-style: solid;
border-color: #000000;
border-width: 1px;
height: 200px;
width: 800px;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -100px;
}

Waarom wordt iedereen weer tegengesproken?

Mitchell zei om: 10:29 dat absoluut positioneren ook niet moet voor het centreerwerk? En wat zie ik hier dan ? :)

En het gaat puur om horizontaal positioneren, met een margin-top kan ik wel afstand aan de top bewaren uiteraard.

Lijkt nu opgelost, maar jammer dat je zoveel moeite moet doen om iets fatsoenlijks te laten werken in meerdere browsers.

En hoezo een negatieve marge-left?

Mohamed nvt

18-09-2008 12:50

hi,

ik gebruik altijd: margin: 0 auto; en dit werkt altijd in IE, als in FF. zie mijn website: www.pc-on-rails.nl

Reageren

Inloggen om te reageren