Re(2): Hilfe mit Div-Blöcken

Impressum | Werbung

Geizhals » Forum » Programmierung »

Hilfe mit Div-Blöcken (10 Beiträge, 323 Mal gelesen)

Top-100 | Fresh-100

Du bist nicht angemeldet. [ Login/Registrieren ]

Ich steh grad total auf der Leitung beim Erstellen einer Seite mit Div-Blöcken. Die Seite sollte so aussehen:

die linke und die rechte Spalte sollte jeweils 150 px sein, die Kopfzeile und der Hauptbereich sollen jeweisl den verfügbaren Bereich verwenden.
Aber trotz quälen von google schaff ich es nicht, dass die Blöcke so aussehen.
Vor allem dass der mittlere Bereich über den gesamten verfügbaren Fensterbereich geht schaff ich ned.

Im Prinzip schaut mein Code so aus:

  <div id="LinkeSpalte"  style="float:left; width:150px;">
    <p>Links </p>
  </div>
  <div id="mittlere Spalte" style="float:left; width:auto">
    <div id="Kopfzeile">
      Kopfzeile
    </div>
    <div id="Hauptteile">
      <div id="Haupttext" style="float:left">
        <p>Hauptteil </p>
      </div>
      <div id="rechte Spalte" style="float:left; width:150px;">
        <p>rechte Spalte </p>
      </div>
    </div>
  </div>

Wie bring ich dazu, dass der Haupttext über den gesamten Bereich geht?
Bei Hauptteil auf 100% geht der Berich ja in die linke Spalte sein.

emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

Re: Hilfe mit Div-Blöcken (dizo am 02.08.2011, 20:30:34)

Re: Hilfe mit Div-Blöcken (m3xx am 02.08.2011, 21:45:35)

Re(2): Hilfe mit Div-Blöcken (Infosauger am 02.08.2011, 23:50:31)

Re(3): Hilfe mit Div-Blöcken (m3xx am 03.08.2011, 02:33:19)

Re(4): Hilfe mit Div-Blöcken (Infosauger am 03.08.2011, 12:21:29)

Re(5): Hilfe mit Div-Blöcken (m3xx am 03.08.2011, 23:33:22)

Jetzt hab' ich das nächste Problem:

Hatte im mittleren Bereich eine Tabelle mit 1 Zeile und 2 Spalten.
Unter der Tabelle ist wieder ein Div mit weiterem Inhalt.
Wollte die Tabelle durch 2 nebeneinander liegende Divs mit jeweils 50% breite ersetzen.
Das funktioniert auch ganz gut. Um die float zu beenden habe ich ein leeres Div mit clear: both erstellt.

Mein Problem ist nun, daß das div nach den beiden nebeneinanderliegenden plötzlich so weit runter geschoben ist, dass es praktisch unterhalb der linken Spalte steht! Diese ist aber in einem ganz anderen Block definiert!

Edit: Hab' meinen Denkfehler schon gefunden. das clear:both geht auf ALLE Float-Blöcke los.
emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

05.08.2011, 21:55 Uhr - Editiert von Infosauger, alte Version: hier

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung