mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 01:09 Benutzername: Passwort: Auto-Login

Thema: div height 100%? vom 13.05.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div height 100%?
Autor Nachricht
MaLaNu
Threadersteller

Dabei seit: 13.05.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.05.2007 02:28
Titel

div height 100%?

Antworten mit Zitat Zum Seitenanfang

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. Lächel

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. Lächel


Gruß
  View user's profile Private Nachricht senden
sunnybj83

Dabei seit: 11.03.2006
Ort: mönchengladbach
Alter: 41
Geschlecht: Weiblich
Verfasst So 13.05.2007 02:37
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.05.2007 10:05
Titel

Antworten mit Zitat Zum Seitenanfang

faux columns
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
MaLaNu
Threadersteller

Dabei seit: 13.05.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.05.2007 15:02
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank "m" Lächel

@ 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 Lächel
  View user's profile Private Nachricht senden
 
Ä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%
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.