fout in container

Door Erkan op 26-11-2007 22:46

1.921 views

#container { 
width:100%; 
top:15%; 
left:0; 
position:absolute; 
} 
#wrapper { 
width:800px; /*Breedte van je site*/ 
top:-100px; 
left:50%; 
margin-left:-400px; /*Helft v/d breedte van je site*/ 
position:absolute;

Dit is de container, alles leuk en aardig, maar nu merk ik dat het linker gedeelte van mijn site wegvalt als ik speel met de schermresulutie.

Kan iemand me helpen om het goed te maken.

MVG
Erkan

Elwin - Fratsloos

27-11-2007 08:48

CSS:

#container {
display: block;
width: 800px;
margin: 0 auto;
}

HTML:

<html>
<head></head>
<body>
<div id="container">
Hier alles wat in de gecentreerde container moet.
</div>
</body>
</html>

Jan Koehoorn

27-11-2007 08:51

Aanvulling: waarom gebruikt iedere CSS beginner toch zo graag position: absolute? Ik heb het bijna nooit nodig.

Joep

27-11-2007 09:11

Hey Jan. ik zou nie snel zeg dat elke "beginner" die constructie gebruikt.
Dat jij die position nooit gebruik is misschien wel omdat je het anders heb geleerd.
Ik bouw dagelijk design om naar xhtml en gebruik wel degelijk position absolute. Vooral als het gaat om absolute positionering binnen een container.
Maar ook voor niet gecentreerde sites, gebruik ik het voor headers en andere wrappers.
Relative en static zijn erg goed als het gaat om gecentreerde sites of content wat relatief geplaats moet worden, maar voor de rest zie het "beginner" e rniet zo in

Mogguh trouwens ;)

Tex

27-11-2007 10:19

het beste is alles een vaste breedte mee te geven dan voor alles position absolute te gebruiken

Erkan

27-11-2007 22:55

Bedankt voor jullie reacties allemaal, maar nu heb ik nog een vraag, op firefox zit de site er goed uit met de onderstaande css, alleen op IE staat de pagina niet gecentreerd maar links van het scherm.

Kan iemand me vertellen wat ik moet doen om de pagina met de onderstaande code ook op IE te centreren?

#container {
display: block;
width: 800px;
margin: 0 auto;
}

Jan Koehoorn

27-11-2007 22:59

Joep schreef op 27.11.2007 09:11
Hey Jan. ik zou nie snel zeg dat elke "beginner" die constructie gebruikt.
Dat jij die position nooit gebruik is misschien wel omdat je het anders heb geleerd. Ik bouw dagelijk design om naar xhtml en gebruik wel degelijk position absolute. Vooral als het gaat om absolute positionering binnen een container.
Maar ook voor niet gecentreerde sites, gebruik ik het voor headers en andere wrappers.

Een div absoluut positioneren binnen een div met position relative is prima. Maar wat ik vaak zie is dat CSS beginners position: absolute gebruiken voor bijna alle divs in hun lay-out, om ze op hun plek te krijgen. En daar waarschuwde ik voor.
[edit]@ Erkan: voorbeeld[/edit]

Erkan

27-11-2007 23:22

Jan, als ik de container code van jou site toepas op die van mijn, heb ik nogsteeds geen gecentreerde div

Jan Koehoorn

27-11-2007 23:36

Welke versie IE gebruik je?

Erkan

27-11-2007 23:41

7.0

Jan Koehoorn

27-11-2007 23:45

Reageren

Inloggen om te reageren