Autor |
Nachricht |
MaLaNu
Threadersteller
Dabei seit: 13.05.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.05.2007 02:28
Titel div height 100%? |
|
|
Hallo,
nach langem googlen und dem weiteren bestehen meine Problems wende ich mich mal hier ans Forum, habe nicht direkt zum Thema über google das Forum gefunden.
Ich bin im begriff mit html und css eine Webseite zu gestalten.
Folgendes Problem:
1 div der über 3 div's steht.
Ich möchte das 2 div's im inneren die länge des 3. (längsten) div's annehmen.
Code wär also wie folgt:
html-datei:
Code: |
<div id="main">
<div id="sub_1">
Viel Inhalt, die anderen beiden div's sollen die höhe dieses div's annehmen.
<br/><br/><br/><br/>
</div>
<div id="sub_2">
test
</div>
<div id="sub_3">
test
</div>
</div>
|
css-datei:
Code: |
#main {
float: left;
width: 500px;
}
#sub_1 {
float: left;
width: 300px;
height: 100%;
background: yellow;
}
#sub_2 {
float: left;
width: 20px;
height: 100%;
background: red;
}
#sub_3 {
float: left;
width: 180px;
height: 100%;
background: blue;
}
|
Ich hab schon einiges probier, pistion, overflow. Daher fällt mir nix brauchbares ein.
Ich will diese lästigen Tabellen umgehen was glaub ich nur richtig wäre, oder?
Vielen Dank schon mal für eure Antworten.
Sollt es noch fragen zum Verständnis geben, nur raus damit.
Gruß
|
|
|
|
|
sunnybj83
Dabei seit: 11.03.2006
Ort: mönchengladbach
Alter: 41
Geschlecht:
|
Verfasst So 13.05.2007 02:37
Titel
|
|
|
nebeneinander? untereinander?
das was bis jetzt dort steht kann ich nicht nachvollziehen.
zumal 180+20=200 und nicht 300
und wenn nebeneinander, dann passt das mit den
prozenten auch net.
poste mal kurz ne grafik mit nem gelben, nem rotem
und nem blauen kasten, so wie es aufgeteilt sein soll.
einfach ein gif, damit wir sehen können wie du dir des vorstellst.
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
MaLaNu
Threadersteller
Dabei seit: 13.05.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.05.2007 15:02
Titel
|
|
|
Vielen Dank "m"
@ sunnybj83
sicher nebeneinander, wenn du dir mal anschaust hat mein main div 500px, die anderen 3 zusammen haben auch 500 (300+20+180).
Diese drei div's sind im Main div, hoff des schafft Klarheit
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Height hin, Height her - Größe von DIV's
Div 100% Height
css: min-height bei IE 6
div height:100% des Elternelements
height in Netscape
DivTabellen - height:100%
|
|