Midtstilling av side vertikalt

[Jesper Karsrud]

Hva er tagen for midtstilling av sider vertikalt? Det er ikke en <div> for dette? er en annen tag ikke sant?

[no_remorse]

IE støtter valign="middle", men for at det skal funke i opera bruker du style="vertical-align: middle;"

 

 

rett meg hvis jeg tar feil

[Jesper Karsrud]

men hvor skal dette inn? i head et sted? har ikke peiling på style eller noe sånt! har et preloadscript i head... er det det samme om jeg setter den før eller etter scriptet?

[haugsand]

Du kan f eks modifisere denne her, som også vil midtstille horisontalt.

 

<div>innhold</div>

 

div {

height: 500px;

width: 500px;

position: absolute;

left: 50%;

top: 50%;

margin-left: -250px;

margin-top: -250px;

}

[funkweb]

Du kan f eks modifisere denne her, som også vil midtstille horisontalt.

 

<div>innhold</div>

 

div {

height: 500px;

width: 500px;

position: absolute;

left: 50%;

top: 50%;

margin-left: -250px;

margin-top: -250px;

}

Lurte på noe, jeg ønsker også å midtstille siden.

Men UTEN "position: absolute;"

Hva gjør jeg da !?

 

For mer info:

Bildet er 730px bred som vises av <div id="root">Wohaa..bildet vises</div>

 

CSS:

 

#root {
background-image: url(../grafikk/root.gif);
background-repeat: no-repeat;
height: 570px;
width: 730px;
}

[haugsand]

I ditt tilfelle, lurer jeg på hvorfor du IKKE skal bruke position: absolute;

Kan ikke komme på bedre alternativ.

[funkweb]

I ditt tilfelle, lurer jeg på hvorfor du IKKE skal bruke position: absolute;

Kan ikke komme på bedre alternativ.

Fordi resten under "root" er position relative.

De forholder seg til "root"

 

Hadde jeg satt til position relative, vil resten ikke følge etter.

 

Men uansett.. så kunne jo jeg gjøre slik:

 

<table valign="center">
<tr>
<td>
<div id="root">
 <div id="bla bla"></div> <-- position relative
 <div id="bla bla"></div> <-- And so on.
</div>
</td>
</tr>
</table>

Skulle gjerne ha uten tabell da men...

Endret 6. januar 2004 av funkweb

[haugsand]

Plasser <div class="bla bla"></div> ... i en <div id="container></div>, som har position: absolute; top: 50%; margin-top: 285px;

[funkweb]

Plasser <div class="bla bla"></div> ... i en <div id="container></div>, som har position: absolute; top: 50%; margin-top: 285px;

 

Hæ ?

Nå blei jeg forvirra.

Mente du at "container" er "root" som jeg har beskrevet her ?

 

Jeg orker ikke dette med : top: 50%; og margin... bare tull.

Jeg fikser det da UTEN å ha disse verdiene.

 

Men glem det nå da, ser ut som DIV ikke fikser center så bra som tabell kan.

Dermed kan jeg leve med å ha 1 eneste tabell, og resten div.

Og da er jo egentlig saken biff.

[haugsand]

...Bortsett ifra at tabeller ikke skal brukes til layout. Html strukturiserer bare innholdet.

Endret 6. januar 2004 av satyrium