Hur gör man för att skapa en centrerad yta (typ tabell) i CSS och samtidigt placera ut bilder och text på valfritt ställe inom denna yta?
Centrerad CSS
4 svar · 363 visningar · startad av yleman
Välkommen till wF :birp
Det finns en utmärkt sökfunktion, den hittade alla dom här trådena som på något vis handlar om centrering.
http://www.webforum.nu/search.php?s=&action=showresults&searchid=606743&sortby=&sortorder=
ex.
<div style="width: 500px; height: 500px; background: #ccc; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -250px;">
Centrerad div!
<img src="bild.jpg" style="position: absolute; right: 0px; top: 0px;" />
<div style="position: absolute; left: 25px; bottom: 98px; background: #eee;">Boop!</div>
</div>
Koden som Peeer gav verkar att fungera. Tack
Jag har även tidigare testat med
margin-left: auto;
margin-right: auto;
men det verkade inte fungera i IE.
Tnx för tipset om sökfunktionen, där fanns det en hel del om centrering med CSS.
Länge leve CSS!
Jodå, det fungerar i IE, om du sätter läsaren i "standard-mode".
"Jarvklo" hade lite om detta i denna tråden: http://www.webforum.nu/showthread.php?s=&postid=650163#post650163