nicht angemeldet
div container in div container vertikal zentrieren
hallo
ich habe das forum schon gestern und vorgestern danach abgesucht aber anscheinend gibt es keine passende lösung dafür oder der threat in dem sie stand wurde gelöscht. auch die vielgeprangerte suche nach "vertikal zentrieren" brachte kein ergebnis.
keine ahnung
hat jemand rat wie ich denn nun einen div container in einem anderen vertikal zentrieren kann?
-
Hi!
Eigentlich sollte das ganz einfach so gehen:
<div style="width:100%; text-align:center">
<div>Zentriert</div>
</div>Oder etwa nicht?
Mit freundlichen Grüßen,
Michael Nagler-
Hallo
<div style="width:100%; text-align:center">
<div>Zentriert</div>
</div>Oder etwa nicht?
Das ist horizontal, wie das Gewerbe.....
Weiterhin sollte man margin:auto nutzen; nur der IE verweigert dies und deshalb text-align:centerMfG
André
--
ss:{ zu:} ls:? fo:| de:] va:) ch:] sh:) n4:{ rl:( br:^ js:| ie:| fl:) mo:}-
Hi!»»
Das ist horizontal, wie das Gewerbe.....
Weiterhin sollte man margin:auto nutzen; nur der IE verweigert dies und deshalb text-align:centerOups... na dann so:
<div style="width:100%; height:100%; vertical-align:middle; text-align:center">
<div>Zentriert</div>
</div>Mit freundlichen Grüßen,
Michael Nagler-
Hallo,
Das ist horizontal, wie das Gewerbe.....
Oups... na dann so:
[...]Nein, das geht so nicht. Vertikale Zentrierung ist ein bereits häufiger hier im Forum diskutiertes Problem, das sich meines Wissens nach so ohne weiteres nicht lösen lässt. Wenn du im </archiv/> (wenn es wieder verfügbar ist) danach suchst, wirst du mehrere Würgarounds finden, ich kann mich dunkel an was mit Frames erinnern ...
Grüße
Torsten -
Hallo,
so könnte es gehen (habe nur den IE 6 hier):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<META http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
html, body {
height:100%;
width:100%;
margin:0;
padding:0;
}
div {
position:absolute;
top:15%;
left:15%;
right:15%;
bottom:15%;
width:70%;
height:70%;
border:1px solid black;
}
p {
text-align:center;
}
-->
</style>
</head>
<body>
<div>
<p>Ein mittiger Container.</p>
</div>
</body>
</html>Grüße
Torsten
-
-
-
-
Hallo.
der threat in dem sie stand wurde gelöscht.
Threa_t_s werden hier umgehend gelöscht ;-)
MfG, at