26 svar · 1 055 visningar · startad av Dryden · sida 2 av 2
Du glömde vad jag skrev i mitt första inlägg. :OO
#content {
[red][b]position: relative;[/b][/red]
width: 0%;
height: 0%;
margin-top: 10px;
[b][blue]margin-left: auto;
margin-bottom: 5px;
margin-right: auto;[/blue][/b]
border: 2px solid #D1AB46;
background-color: #F2E7C8;
z-index: 2;
}
R// Width och height i 0% låter inte så vettigt.. Bättre att sätta fasta värden på dem om du kan.
R2// Om jag inte minns helt galet måste du lägga till det markerat i blått också.
jarvklo: nu syns ramen. Delvis... ;) Jag leker vidare.
Nexus86: Se där ja! Det fungerar! Lysande! :D
#content {
border: 2px solid #D1AB46;
background-color: #F2E7C8;
z-index: 2;
width:780px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
funkar också - om du vill slippa position:relative ;)
/Red: margin:auto funkar bara om <div>:en har en fastställd bredd ;)
jarvklo: spelar nog mindre roll nu. ;)
Ramen syns i IE och Firebird och sidan är centrerad i båda bläddrarna också. Precis det jag ville åstadkomma. Tummen upp och tack för hjälpen, alla som postat i tråden! :bire
Jag accepterar mitt eget svar som slutgiltligt av den anledningen att jag fick flera lösningar på problemet. ;)
För er som nu undrar så ser koden slutligen ut som följer:
html, body {
margin: 0;
padding: 0;
height: 100%;
background: #F8F8F8;
font-family: Verdana, Arial, Helvetica, serif;
font-size: 10px;
text-align: center;
}
#content {
position: relative;
width: 780;
height: 508;
margin-left: auto;
margin-bottom: 5px;
margin-right: auto;
margin-top: 10px;
border: 2px solid #D1AB46;
background-color: #F2E7C8;
z-index: 2;
}
<body>
<div id="content">
...
...
</div>
</body>
Re: Skall nu mera bara centreras i sidled.
Dryden skrev:
Den skall bara vara centrerad i sidled och jag vill sköta allt via CSS:en.
Kollade igen och nu är den centrerad i sidled i Mozilla :)
jarvklo skrev:
/Red: margin:auto funkar bara om <div>:en har en fastställd bredd ;)
Man kan väl inte tänka på allt heller. ;) :p
Man kan väl inte tänka på allt heller.
Precis - det var ju det jag inte gjorde heller - innan redigeringen av mitt misstag ;)
Det man inte har i huvudet får man ha på wF :birp