YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » 2 Container gleichzeitig beenden » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.622 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen 2 Container gleichzeitig beenden
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Doc.Mastah Doc.Mastah ist männlich
Mitglied


images/avatars/avatar-3005.gif

Dabei seit: 17.01.04
Beiträge: 226

 2 Container gleichzeitig beenden Antworten Zitieren Editieren Melden       UP

Hi,

ich hab mal eine Frage:

Ich habe 2 div-Container nebeneinander:

code:
1:
2:
3:
4:
5:
<div style="width: 600px;">
      <div style="width:200px;background:#ff0000; float:left;">linke Navi</div>
      <div style="width:400px; background: #000000; float:right;">Content<br /> <br /><br /> <br /><br /> <br />ganz lang</div>
      <div style="clear:both;">
    </div>


Wenn man es sich jetzt im Browser anschaut wird die linke Navi ziemlich früh beendet, direkt nach dem Inhalt. Beim rechten Div-Container ist mehr Text drin, also ist er länger.
Wie kann ich es lösen, dass beide gleichzeitig schließen?

lG Doc

P.S. Optische Tricks wie Hintergrund-überlagern sind nicht möglich.

__________________
Miete eine Photobooth für deine Feier

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Doc.Mastah: 07.10.07 22:03.

07.10.07 21:54 Doc.Mastah ist offline E-Mail WWW Finden Als Freund hinzufügen MSN Passport-Profil von Doc.Mastah anzeigen
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden       UP

1. Du gibst beiden die gleiche, feste Höhe

2. Du packst beide in einen 3. Container, dieser wird höher, je nachdem wie hoch die Container sind und dann stellst du die Höhe der Container 1 und 2 auf 100%. Bin mir nicht sicher, ob das funktioniert.
07.10.07 23:14 [kamui] ist offline Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von [kamui]
1. Du gibst beiden die gleiche, feste Höhe

2. Du packst beide in einen 3. Container, dieser wird höher, je nachdem wie hoch die Container sind und dann stellst du die Höhe der Container 1 und 2 auf 100%. Bin mir nicht sicher, ob das funktioniert.


1. mE die einzige Lösung
2. Bei Containern gibt's keine prozentuellen Angaben

1.1 Beste Lösung: Tabellen - prozentuelle Lösungen

__________________
Gruß Dizzy

the rest is silence

08.10.07 08:00 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Vielleicht helfen dir diese Seiten weiter:
http://die.netzspielwiese.de/blog/css/20...ten-auf-deutsch
http://www.css-tutorials.de/css/onemulticolumnlayout.html

__________________

08.10.07 08:35 Biggi ist offline Finden Als Freund hinzufügen
Doc.Mastah Doc.Mastah ist männlich
Mitglied


images/avatars/avatar-3005.gif

Dabei seit: 17.01.04
Beiträge: 226

Themenstarter Thema begonnen von Doc.Mastah
Antworten Zitieren Editieren Melden       UP

Ne, mit Höhe definieren gings auch nicht, musst jetzt doch irgendwie tricksen Augenzwinkern

__________________
Miete eine Photobooth für deine Feier
09.10.07 15:10 Doc.Mastah ist offline E-Mail WWW Finden Als Freund hinzufügen MSN Passport-Profil von Doc.Mastah anzeigen
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Dizzy.w3
1.1 Beste Lösung: Tabellen - prozentuelle Lösungen


Schon damit probiert?
09.10.07 15:12 [kamui] ist offline Finden Als Freund hinzufügen
Doc.Mastah Doc.Mastah ist männlich
Mitglied


images/avatars/avatar-3005.gif

Dabei seit: 17.01.04
Beiträge: 226

Themenstarter Thema begonnen von Doc.Mastah
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von [kamui]
Zitat:
Original von Dizzy.w3
1.1 Beste Lösung: Tabellen - prozentuelle Lösungen


Schon damit probiert?


Jep, damit funktionierts in meinem Falle auch nicht Augenzwinkern

Aber danke, ich habs schon hinbekommen Augenzwinkern

__________________
Miete eine Photobooth für deine Feier
09.10.07 17:41 Doc.Mastah ist offline E-Mail WWW Finden Als Freund hinzufügen MSN Passport-Profil von Doc.Mastah anzeigen
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Doc.Mastah
Aber danke, ich habs schon hinbekommen Augenzwinkern


Und zwar wie folgt ... smile
09.10.07 17:53 [kamui] ist offline Finden Als Freund hinzufügen
Doc.Mastah Doc.Mastah ist männlich
Mitglied


images/avatars/avatar-3005.gif

Dabei seit: 17.01.04
Beiträge: 226

Themenstarter Thema begonnen von Doc.Mastah
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von [kamui]
Zitat:
Original von Doc.Mastah
Aber danke, ich habs schon hinbekommen Augenzwinkern


Und zwar wie folgt ... smile


Ich habs doch mit dem Hintergrundüberlagern Trick hinbekommen. War in meinem Fall zwar etwas komplizierter, aber es funktioniert Augenzwinkern

__________________
Miete eine Photobooth für deine Feier
09.10.07 20:40 Doc.Mastah ist offline E-Mail WWW Finden Als Freund hinzufügen MSN Passport-Profil von Doc.Mastah anzeigen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » 2 Container gleichzeitig beenden