Supportnet / Forum / Webseiten/HTML
CSS Container zentrieren
Frage
Hallo
ich habe einen Div Container den ich gerne zentrieren würde.
Kann ich das im Style Sheet machen oder muss ich das über HTML center machen?
Luke
Antwort 1 von 007
Wenn du es erst ausprobiert hättest, wüsstest du es bereits.
Antwort 2 von luke
klasse antwort, hilft mir sehr weiter!
also per center gehts, nur das attribut für css finde ich nicht, deshalb diese anfrage
also per center gehts, nur das attribut für css finde ich nicht, deshalb diese anfrage
Antwort 3 von derpfleger
Sinnvollerweise im Stylesheet:
hier steht, wie man zentriert: http://www.css4you.de/wslayout1/ex0003.html
Gruß Heiko
hier steht, wie man zentriert: http://www.css4you.de/wslayout1/ex0003.html
Gruß Heiko
Antwort 4 von sutadur
Damit kann man aber leider nur vertikal zentrieren. Horizontal ist immer noch nicht "sauber" möglich.
Antwort 5 von sutadur
Ne, umgekehrt natürlich ... ;o)
Antwort 6 von derpfleger
Ja, das ist richtig.
Wenn allerdings das div sowieso je nach content eine variable Höhe vorweist, kann man das vernachlässigen. Ansonsten wirds ne Bastelei...
Gruß Heiko
Wenn allerdings das div sowieso je nach content eine variable Höhe vorweist, kann man das vernachlässigen. Ansonsten wirds ne Bastelei...
Gruß Heiko
Antwort 7 von derpfleger
Workaround für horizontales und vertikales Zentrieren:
Gruß Heiko
<html>
<head>
<title></title>
<style type="text/css">
#container {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height : 400px;
margin-top: -200px;
margin-left: -250px;
border:1px solid #000000;
padding:10px;
overflow:auto;
}
-->
</style>
</head>
<body>
<div id="container">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
</body>
</html>Gruß Heiko