Op 19 augustus 2009 11:34:18 schreef free_electron: wanneer krijgen we een editvenster dat op topicbreedte komt ? ik zie nog steeds een piereklein editvenstertje....
Ik snap waarom:
Om dat venster gecentreerd te krijgen, zonder gebruik te maken van tables (tables zijn FOUT voor het gebruik van opmaak), moet er gebruik gemaakt worden van een *truukje*
[code=html]
<div class="wrapper"><div class="content"></div></div>
[/code]
Om .content gecentreerd te krijgen binnen .wrapper moet .wrapper de voglende style krijgen:
[code=css]
.wrapper{ text-align:center; /*Needed for IE*/}
.content{
width:600px; /*Deze is nodig, anders zal het .content width:auto hebben*/
margin:0 auto; /*of: margin:x auto x auto*/
text-align:left;
[/code]
Als width:auto; is, op een div. Dan wordt de div altijd voor 100% breedt. Met andere woorden, dan is en blijft alles left aligned.
width: kan dus wel een andere waarde krijgen, mààr dan heb je een probleem bij een kleiner venster.
Nu <kan> dit opgelost worden door:
[code=css]
.content{
min-width: 600px;
max-width: 1024px;
}
[/code]
Om maar even wat te noemen. Mààr dat werkt weer niet in internet explorer
[toevoeging]
Nu is het uiteraard ook mogelijk om gewoon dat venster altijd voor 100% breedt te hebben (ik zie het probleem in iedergeval niet) Maar dan, om toch een beetje cotrast te houden, moet er alsnog gebruik gemaakt worden van min-width;
Stel, bij bovenste HTML heb je volgende style:
[code=css]
.wrapper{/*no style needed*/}
.content{
width:100%;
padding:0 50 0 50; /*Om nog beetje minimale ruimte aan de zijkant te houden*/}
[/code]
En je scherm is kleiner dan, bijvoorbeeld, 600 px breedt. Dan houd je nog maar 500px ruimte over voor je tekstvak.
m.a.w. dan moet je dit toevoegen:
[code=css]min-width:700px; /*of was het 600? voegt padding toe**? of trekt het af? I forgot >_<*/[/code]
Dan heb je altijd minimaal een vak breedte van 700 - de 2x 50px padding.
** in firefox is toch zo: *margin* + *width* + *padding* ?
In IE is het namelijk anders, maar ik vergeet altijd hoe anders (Altijd trial & error >_>)
[Bericht gewijzigd door
Daan Timmer
op woensdag 19 augustus 2009 11:58:51
(28%)