Hej ? (manglende navn i indlæg).
"SpookiePower" <boxjunk2600@gmail.com> skrev i en meddelelse
news:1160937343.078099.297050@f16g2000cwb.googlegroups.com...
Når jeg skal lave en ramme/box, der er placeret på midten af
skærmen, har jeg gjort det
på følgende måde -
left:10%;
right:10%;
width:80%;
Det har passet fint med at folk køre med forskellige opløsninger.
Men nu er det sådan, at jeg gerne vil køre med en ramme der
er 900px bred. Her kan jeg jo ikke være sikker på hvor mange
pixel der er på hver side af ramme, eftersom der køres med
forskellige opløsninger.
Laver jeg en align-text:center; bliver rammen + rammens indhold
sat på midten, men jeg er ikke interesserede i at indholdet af rammen
også havner på midten. Det skulle gerne være venstre stillet.
Hvordan sørger jeg for at denne ramme
på 900px bliver på midten af siden, uanset opløsning på skærmen ?
Udover at det er en dårlig idé at lave en ramme på 900px (giver vandret
scrollbar hos dem, der kører med en opløsning på eks. 800x600px -
undertegnede bl.a.), så kan du gøre det således:
#meget_bred_ramme {
width:900px;
margin:0 auto;
}
Det vil centrere boksen uanset skærmstørrelse - dog med den gene nævnt
ovenfor....
Der er dog noget med, at tidligere versioner af IE skal have lidt hjælp i
form af:
text-align:center;
hvilket så medfører, at rammens indhold også bliver centreret, men det kan
du omgå med flg.:
h1, h2, h3, h4, h5, h6, p {text-align:left;}
eller ved at give dem en klasse:
..venstrestillet {text-align:left;}
....og i html:
<div id="meget_bred_ramme">
<h1 class="venstrestillet">Bla. bla.</h1>
<p class="venstrestillet">Lorum ypsum...</p>
</div>
Med venlig hilsen
--
Dennis Munding
http://pe-vagtservice.dk/ - Et sikkert valg, når der skal passes på dine
værdier!
http://munding-interieur.dk/ - Alt godt til hjemmet - lige midt på
Frederiksberg!
http://munding-webdesign.dk/ - Vi ses! - ganske enkelt...