Autor |
Nachricht |
dcn
Threadersteller
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Do 18.03.2010 20:11
Titel 3DIV in auf selbe Höhe bringen |
|
|
Hey Ho,
ich habe hier ein mittelschweres Problem mit DIVs die sich an ihr umliegendes Element (auch ein DIV) in der Höhe anpassen sollen.
Hintergrund sind 3 left floatende DIVs die von einem Wrapper-DIV eingeschlossen sind. Diese beinhalten unterschiedlich viel Content. Nun möchte ich aber, dass sich alle 3 DIV auf die Größe des größten Inhaltes anpassen.
So hätt ich es gern:
Und so schaut es momentan aus:
Die Eigenschaften:
Code: | #wrapper {
position:absolute;
width:1100px;
background-color:#666;
}
.inner {
position:relative;
width:320px;
margin:0 0 0 25px;
float:left;
background-color:#CCC;
} |
Dieses Konstrukt funktioniert auch mit height:100% nicht. Um die Werte top,left,bottom,right auf 0 zu setzen, müsste das Element eine absolute Positionierung haben und damit fällt das floaten weg. Hintergrund der Show ist, dass ich Buttons in jeden Feld, unten rechts, auf dieselbe Höhe bringen möchte. JS und CSS3 sollte nicht verwendet werden.
Hat jmd von euch schon einmal solch ein Problem gehabt und wenn ja gelöst?
Danke fürs lesen
|
|
|
|
|
safer-print
Dabei seit: 11.03.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 18.03.2010 21:16
Titel
|
|
|
Wenn du vorher nicht weist, wie hoch der Inhalt wird gibt es nur die eine Möglichkeit: Du setzt es mit einer Tabelle um.
Ich bin auf unserer Startseite das Problem umgangen, indem ich sicherstellen konnte, das die linke Spalte immer die höchste ist.
[edit]
Link entfernt.
Zuletzt bearbeitet von Smooth-Graphics am Do 18.03.2010 21:51, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 18.03.2010 21:40
Titel
|
|
|
Ich denke du suchst nach so etwas
|
|
|
|
|
dcn
Threadersteller
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Fr 19.03.2010 09:08
Titel
|
|
|
Danke für die Antworten. Also ne Tabelle ist mir zu unsportlich und der zweite Post gab den richtigen Denkanstoß. Ich erstell absolut positionierte DIVs um die .inner welche ich dann mit top,right,bottom,left 0 angebe. Somit richtet es sich immer innerhalb des Wrappers aus und ich kann meine Buttons ausrichten.
besten Dank
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
zwei DIV's auf gleiche Höhe bringen
Formular mit PHP: <dt> und <dd> in ein und die selbe Zeile?
Daten vom PC auf ein Mac bringen
Wie ein Weinlexikon auf den Internetauftritt bringen?
Schmetterling zum fliegen bringen
Access DB ins Internet bringen
|
|