website in midden

[acdt]

Beste allemaal,

Ik werk met dreamweaver CS3 aan mijn website. Op mijn pc zag deze er online perfect uit, maar op mijn laptop was er rechts van mijn website nog super veel ruimte over.
Ik zou mijn website dus graag bij alle resoluties horizontaal in het midden willen hebben (maar in ieder geval niet dat het zo breed wordt, dat je horizontaal moet scrollen).
Ik heb al verschillende topics hierover gelezen, maar met codes lukt mij dit (nog) niet.
Mijn vraag is dus, hoe kan ik dit gewoon direct in de CSS-stylesheet mbv Dreamweaver invoeren? (welke aspecten moet ik invoeren..)

Alvast bedankt!

Daan

 

[leofact]

Dit heb ikzelf opgelost door direct achter de body de volgende code te zetten.

<div align = center >

Deze moet je dan als laatste weer afsluiten, zodat alle code er tussen komt.
Het werkt, maar ben er niet echt gelukkig mee, zodra je weer een div start(In frontpage een laag),
of een afbeelding absoluut plaatst wordt deze uitgelijnt met de browser en staat dus op een onvoorspelbare plek.
Die heb ik dus vermeden, maar eigenlijk heb ik wel lagen nodig.
Ik ben zelf pas sinds kort met websites bezig en in frontpage (ja ik weet het)
Dus vandaar dat ik ook niet verder kom dan dit.
Hopelijk komt iemand met een oplossing waarbij de volgende div's uitgelijnt worden met de eerste container.(ik kijk dus stieken met je mee)
mvg leo

 

[acdt]

Ja, ik ben stom geweest, want ik had de juiste code al ingevoerd, namelijk

bodyhtml, body {
margin: 0;
padding 0;
text-align: center;
}

div.container {
margin: 0 auto;
padding: 0;
text-align: left; 
}

maar had CSS bestand in hele andere map geupload. stom dus..
Alleen nu werkt het wel, alleen is alle tekst ook overal in het midden terwijl ik wel de text-align left heb staan.. wat doe ik fout en waarnaar moet ik anders dan kijken?
Hoop dat iemand ons hiermee kan helpen..

Daan

 

[leofact]

Misschien helpt dit je verder.
En deze post moet je misschien ook even lezen, mn over het doctype
Maar dat had je allemaal allang gevonden misschien.
Ikzelf kan jammer genoeg pas volgende week weer er mee aan de gang.
mvg Leo

 

[peter vazed]

bodyhtml, body {
margin: 0;
padding 0;
text-align: center; //* dus wel gecentreerd, laat dit eruit
}

div.container {
margin: 0 auto;
padding: 0;
text-align: left;
//* zou je hier geen width bijzetten?
}

 

[acdt]

Dankje voor jullie reacties!

Ik heb opnieuw de codes ingevoerd om alles in een grote div te plaatsen en nu is de hele website goed in het midden.
Eerst heb ik dus mijn website opnieuw in de div geplaatst en daarna heb ik de CSS stylesheet aangepast.

Voor iedereen die het niet begrijpt, volg de eerste link van leofact. Daar staat alles goed en kort uitgelegd. Deze dus.

Bedankt voor jullie hulp! Ben er dus eindelijk uitgekomen!
Succes leofact!