Jeg forsøger at centrere et blokelement <div>
horisontalt på en side og indstille det til en minimumsbredde. Hvad er den enkleste måde at gøre dette på? Jeg vil have <div>
-elementet til at være på linje med resten af min side. I'll prøve at tegne et eksempel:
page text page text page text page text
page text page text page text page text
-------
| div |
-------
page text page text page text page text
page text page text page text page text
margin: 0 auto;
som ck har sagt, understøttes min-width ikke af alle browsere
CSS, HTML:
div.mydiv {width: 200px; margin: 0 auto}
<div class="mydiv">
I am in the middle
</div>
Dit diagram viser også et element på blokniveau (som en div normalt er), ikke et inline-element.
Jeg har lige fundet ud af, at min-width
er understøttet i FF2+/Safari3+/IE7+. Kan gøres for IE6 ved hjælp af hackety CSS, eller en simpel smule JS.
.center {
margin-left: auto;
margin-right: auto;
}
Mindste bredde er ikke globalt understøttet, men kan implementeres ved hjælp af
.divclass {
min-width: 200px;
}
Så kan du indstille din div til at være
<div class="center divclass">stuff in here</div>