| Autor |
Nachricht |
dcn
Threadersteller
Dabei seit: 20.08.2008
Ort: -
Alter: 32
Geschlecht:
|
Verfasst Do 18.03.2010 21: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 22: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 22:51, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
emorikaner
Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 21
Geschlecht:
|
Verfasst Do 18.03.2010 22:40
Titel
|
 |
|
|
Ich denke du suchst nach so etwas
|
|
| |
|
 |
dcn
Threadersteller
Dabei seit: 20.08.2008
Ort: -
Alter: 32
Geschlecht:
|
Verfasst Fr 19.03.2010 10: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: 30
Geschlecht:
|
|
| |
|
 |
| |
|
 |
| Ähnliche Themen |
Formular mit PHP: <dt> und <dd> in ein und die selbe Zeile?
Schmetterling zum fliegen bringen
Wie ein Weinlexikon auf den Internetauftritt bringen?
Daten vom PC auf ein Mac bringen
Array außerhalb der funktion bringen...
Bilder in eine bestimmt Form bringen
|
 |