Autor |
Nachricht |
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 17.02.2006 13:47
Titel [css] div(float: right) vertikal im elternelement zentrieren |
|
|
Hey. Habe ein großes div, darin sind zwei divs nebeneinander, das rechte eben mit float: right. das rechte soll vertical im großen (eltern-) div zentriert werden. geht nicht mit vertical-align und auch nicht mit margin-top: auto; margin-bottom: auto; jemand ne lösung??
Visualisiert
Zuletzt bearbeitet von fuchsbau am Fr 17.02.2006 13:48, insgesamt 1-mal bearbeitet
|
|
|
|
|
Synoxis
Dabei seit: 07.09.2005
Ort: Roßdorf
Alter: 35
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 17.02.2006 15:14
Titel
|
|
|
position: relative;
top: 50%;
height: x;
margin-top: -1/2x;
?
nen bissel code wäre gut um zu sehen, wie die elemente davor positioniert sind (relativ/absolut?)
Zuletzt bearbeitet von sahnemuh am Fr 17.02.2006 15:17, insgesamt 1-mal bearbeitet
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 17.02.2006 15:22
Titel
|
|
|
hab ich auch schon gelesen. aber dazu müsste ich die größe des elterndivs kennen, oder? und die kenn ich nicht weil die sich an den text anpassen soll.
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 17.02.2006 15:24
Titel
|
|
|
fuchsbau hat geschrieben: | hab ich auch schon gelesen. aber dazu müsste ich die größe des elterndivs kennen, oder? und die kenn ich nicht weil die sich an den text anpassen soll. |
nö.. die des rechts floatenden divs.. reicht doch.
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 17.02.2006 15:26
Titel
|
|
|
XHTML
Code: | <div class="headbox"></div>
<div class="boxbig">
<div class="labelinbox">K</div>
<div class="contentinbox">
riesen langer blindtext,</div>
</div> |
CSS
Code: | body { margin: 0; padding: 0; background-color: #FFFFCC; }
.headbox { width: 818px; height: 28px; border: 1px solid; border-color: #000000; background-color: #e5e5cc; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px;}
.boxbig { padding: 0; width: 818px; border: 1px solid; border-color: #000000; background-color: #e5e5cc; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.contentinbox { width: 802px; border-right: 1px solid; border-color: #000000; background-color: #e5e5cc; margin: 0; }
.labelinbox { width: 15px; background-color: #e5e5cc; text-align: center; float: right; }
|
Zuletzt bearbeitet von fuchsbau am Fr 17.02.2006 15:29, insgesamt 1-mal bearbeitet
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 17.02.2006 15:44
Titel
|
|
|
sahnemuh hat geschrieben: | fuchsbau hat geschrieben: | hab ich auch schon gelesen. aber dazu müsste ich die größe des elterndivs kennen, oder? und die kenn ich nicht weil die sich an den text anpassen soll. |
nö.. die des rechts floatenden divs.. reicht doch. |
die hab ich aber auch nicht :)
Zuletzt bearbeitet von fuchsbau am Fr 17.02.2006 15:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 17.02.2006 16:16
Titel
|
|
|
wie lang wird denn der fließtext höchstens?
wenns bei einer bildschirmlänge bleibt, ists relativ einfach mit nem behelfsdiv mit 50% höhe lösbar.. ansonsten eher schwierig
|
|
|
|
|
|
|
|
Ähnliche Themen |
float und elternelement
[CSS] Zentrieren vertikal und horizontal
vertikal zentrieren in dreamweaver cs3
Text in DIV vertikal zentrieren
Webseite vertikal zentrieren
[CSS] Bild + Text vertikal zentrieren?
|
|