PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
E

fout in container

Door Erkan op 26-11-2007 22:46
1.920 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
E
Erkan
27-11-2007 23:48
Die pagina ziet er ook goed uit bij mij, alleen als ik het gebruik voor die van mij, dan is het nogsteeds niet gecentreerd
Jan Koehoorn
27-11-2007 23:49
Ja, dan zit de fout in je overige CSS voor die container div. Geef eens een link naar een online voorbeeld?
E
Erkan
27-11-2007 23:55
vind je het goed als ik je de link via pm stuur?
Jan Koehoorn
27-11-2007 23:58
Ja prima, stuur maar.
[edit]De eventuele oplossing post ik wel hier.[/edit]
E
Erkan
28-11-2007 00:03
ok, geen probleem, ik heb je de link gestuurd, alvast bedankt
Jan Koehoorn
28-11-2007 00:17
Verander dit:

<body vlink="#333333" marginwidth="0" marginheight="0" link="#333333" alink="#c0c0c0" leftmargin="0" topmargin="0">

in dit:

<body>

Al dit soort dingen horen in je CSS thuis en niet in je (X)HTML.
E
Erkan
28-11-2007 00:27
bedoel je dit??

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#333333" vlink="#333333" alink="#C0C0C0">
Jan Koehoorn
28-11-2007 00:29
Ja. Ik vermoed dat die leftmargin en topmargin voor je problemen zorgen. En, zoals ik al zei, dat soort lay-out hoort niet in je markup te staan, maar in je CSS, het liefst in een extern CSS bestand.
E
Erkan
28-11-2007 00:34
ok, ik heb het nu vervangen door <body>, maar ik zie nog geen verschil erin
Jan Koehoorn
28-11-2007 00:41
Je had niet het goede DOCTYPE.

Maak er dit van, helemaal bovenin je bron:

<!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">

Reageren

Inloggen om te reageren