Centrering med DIV?

Tags:    html css

<< < 12 > >>
Hvordan centrer man en hel side med div tag?
Jeg synes at jeg har ledt over alt, men jeg har ikke rigtigt kunne finde noget.



12 svar postet i denne tråd vises herunder
7 indlæg har modtaget i alt 7 karma
Sorter efter stemmer Sorter efter dato
I din css:
Fold kodeboks ind/udKode 




Jeg plejer at bruge:

#indhold {
position:absolute;
left:50%;
margin-left:-[Indholdets bredde divideret med 2];
}

Altså hvis indholdets bredde er 400px så skal der stå:

margin-left:-200px;

Og i html siderne skal du insætte:

<div id="indhold">
Side indhold.
</div>



@Jakob, den er god nok - i nogle browsere nedarves centrering til indre elementer.

...

Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 25.05.2008 19:00 af Bruger #10216
text-align: center skal ikke tilføjes for at centrere en div.

Fold kodeboks ind/udKode 


er rigeligt.



Til mindre opgaver findes der også div-funktionen: <center>
Se link:
http://www.html.dk/dokumentation/html4/tags/center/

Men i større opgaver er rigtig div nok langt fornuftigere at bruge



Hvorfor ikke bare margin-left: auto; margin-right auto; det virker i alle opløsninger og alle browsere jeg har testet



Til mindre opgaver findes der også div-funktionen: <center>
Se link:
http://www.html.dk/dokumentation/html4/tags/center/

Men i større opgaver er rigtig div nok langt fornuftigere at bruge

Det er forældet kode. Det grænser til at være en synd at bruge den endnu ;)

margin:0 auto; er hvad der skal til. Slut, prut finale.



Det centrer jo alt tekst. Det skal være noget som sætter selve siden i center uden at det sætter teksten i center



Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 25.05.2008 18:14 af Bruger #11386
Daniel... Gider du lige at teste koden før du kritiserer... Koden burde gerne virke efter hensigten... !



<< < 12 > >>
t