Tijden veranderen
fout in container
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#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;
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
Code (php)
1
2
3
4
5
2
3
4
5
#container {
display: block;
width: 800px;
margin: 0 auto;
}
display: block;
width: 800px;
margin: 0 auto;
}
HTML:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<html>
<head></head>
<body>
<div id="container">
Hier alles wat in de gecentreerde container moet.
</div>
</body>
</html>
<head></head>
<body>
<div id="container">
Hier alles wat in de gecentreerde container moet.
</div>
</body>
</html>
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 ;)
Gewijzigd op 01/01/1970 01:00:00 door Joep
Kan iemand me vertellen wat ik moet doen om de pagina met de onderstaande code ook op IE te centreren?
Code (php)
1
2
3
4
5
2
3
4
5
#container {
display: block;
width: 800px;
margin: 0 auto;
}
display: block;
width: 800px;
margin: 0 auto;
}
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.
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
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Edit:
De eventuele oplossing post ik wel hier.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Code (php)
1
<body vlink="#333333" marginwidth="0" marginheight="0" link="#333333" alink="#c0c0c0" leftmargin="0" topmargin="0">
in dit:
Code (php)
1
<body>
Al dit soort dingen horen in je CSS thuis en niet in je (X)HTML.
Code (php)
1
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#333333" vlink="#333333" alink="#C0C0C0">
Maak er dit van, helemaal bovenin je bron:
Code (php)
1
2
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">