Centrere min "main"

Tags:    html css

Hey udviklere!

Jeg vil gerne have min "main" centreret.
Med "main" mener jeg den yderste div. Altså det dele.

Skriv lige hvis i ikke forstår! ;)



5 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
margin: 0px;
text-align: center;
i din body burde fikse problemet!



vil du også have den centreret vertikalt?

i så fald har du jo en box (din main) hvis dimensioner du kender (antager jeg), du kan hacke det med en tabel på 9 felter (3x3), hvis samlede højde er 100% og bredde er 100% og give alle felterne et wildcard i størrelse, undtagen det midterste, somdu selvfølgelig giver de rigtige dimensioner.

en mere ren css løsning kunne være, at du laver en div rundt om din main, denne positionerer du absolute, og sætter både top og left til 50%, størrelsen af den omgivende box skal være 0px, på den led på du et fix punkt, som du kan positionere main udfra, i main sættes position til relative, og top og left til halvdelen af henholdsvis højde og bredde. denn har dog visse komplikationer hvis vinduet bliver for lille... men kan sikkert også omgåes på behændig vis.

der er ikke så meget kode... sorry, men jeg håber det kan hjælpe dig.

mvh

Troels



Fold kodeboks ind/udKode 

Lur evt. http://dev.skalske.dk/css/centrering.html




Fold kodeboks ind/udKode 

Lur evt. http://dev.skalske.dk/css/centrering.html


Sådan et svar jeg ledte efter.

Havde sgu lidt svært ved at forstå din forklaring, Troels, men det kan i hvertfald gøres så simpelt som ovenfor.


text-align: center; dur jo netop ikke!



Den bliver også lidt lang håret, men jeg var jo heller ikke klar over om du også ville centrere vertikalt, så det antog jeg bare...

glad for det lykkedes for dig :)



t