Portal > Foren > Ausschreibungssprachen und clientseitige Programmierung > HTML, XML und CSS > CSS Problem: Div hängt aus dem MasterDiv heraus
Antwort
 
Themen-Optionen
Alt 28.02.2006, 22:31 Nach oben    #1
Christian Mühlroth
 
Benutzerbild von Chr!s
 
Registriert seit: 04.09.2005
Ort: Nürnberg
Beiträge: 561
Standard CSS Problem: Div hängt aus dem MasterDiv heraus

Abend,
ganz kurzes CSS Problem: Ihr seht es schon an dem Bild, ich komm einfach gerade nicht drauf (wobei ich weiß, dass es was ganz triviales ist)..
http://sag-ich-dir.net/temp1.png
Code:
#master {
    width: 790px;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #2680CC;
}

#menu {
    background: #f00;
}

#submenu {
    background: #0f0;
    float: left;
}

#content {
    background: #fff;
}
Code:
<div id="master">
 test
 
 <div id="menu">
  Menü
 </div>
 
 <div id="submenu">
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
  Submenü <br />
 </div>
 
 <div id="content">
  Content
 </div>
</div>
Wobei zu bachten ist, dass die beiden Divs um die es hier geht (content & submenü) eine unbestimmte Höhe haben, der je nach Content variiert..
Die Faux-Colums lösung kann und möchte ich bei mir nicht einsezen, da es keine (statischen) Hintergrundfarben vom Content gibt (bedingt durch die Boxen und farbliche Gestaltung, die nach Bereich ect.. variiert)
__________________
http://www.ChrisDiary.De

Geändert von Chr!s (01.03.2006 um 00:34 Uhr).
Chr!s ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 07:51 Nach oben    #2
Benjamin Steininger
 
Benutzerbild von robo47
 
Registriert seit: 02.06.2005
Ort: weiher im tiefsten Odenwald
Beiträge: 1.177
Standard

was das nicht das problem wo man im div irgendwo ein

<br style="clear:both;" /> reinbaut ?
robo47 ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 09:28 Nach oben    #3
Christian Mühlroth
 
Benutzerbild von Chr!s
 
Registriert seit: 04.09.2005
Ort: Nürnberg
Beiträge: 561
Standard

Wenn dann nach dem Content.. Danke, ich habs aber anderweitig gelöst inzwischen, habs nur vergessen hier zu posten bzw den Thread zu löschen (wäre eh nich mehr gegangen, geht anscheinend nach ner Zeit nich mehr) ..
__________________
http://www.ChrisDiary.De
Chr!s ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 10:57 Nach oben    #4
Benjamin Steininger
 
Benutzerbild von robo47
 
Registriert seit: 02.06.2005
Ort: weiher im tiefsten Odenwald
Beiträge: 1.177
Standard

sobald jemand geantwortet hat gehts glaub ich nimmer
robo47 ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 11:56 Nach oben    #5
Christian Mühlroth
 
Benutzerbild von Chr!s
 
Registriert seit: 04.09.2005
Ort: Nürnberg
Beiträge: 561
Standard

Hm ne, ging schon vorher nicht mehr, wo noch keiner geantwort hatte.. Aber is ja uach egal, Problem gelöst..
__________________
http://www.ChrisDiary.De
Chr!s ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 12:36 Nach oben    #6
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.482
Standard

Zitat:
Zitat von Chr!s
ich habs aber anderweitig gelöst
Jou und wie?
Wenn man die Forensuche verwendet, dann ist es doch sicherlich gut, wenn man die Lösung hier finden würde .
Ben ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 13:14 Nach oben    #7
Christian Mühlroth
 
Benutzerbild von Chr!s
 
Registriert seit: 04.09.2005
Ort: Nürnberg
Beiträge: 561
Standard

Zitat:
Jou und wie?
Genau vor dieser Frage wollte ich mich drücken, weil ichs durch ausprobieren herausbekommen hab..
Nun:
Code:
#master {
    width: 790px;
    margin: 0px auto;
    text-align: left;
    background-color: #bdbec6;
    border: 1px solid #2680CC;
}

#menu {
    border-bottom: 1px solid #000;
}

#submenu {
    background-color: #bdbec6;
    width: 150px;
    float: left;
}

#login {
    background: #FFBB41;
}

#register {
    background: #FFBB41;
}

#content {
    border: 1px solid #efeff7;
    background-color: #fff;
    width: 486px;
    float: left;
}

#rightmenu {
    border: 1px solid #efeff7;
    background-color: #fff;
    width: 150px;
    float: right;
}

.clearboth {
    clear: both;
}
Code:
<div id="master">
 <div id="menu">
 </div>

 <div id="submenu">
  SubMenu
 </div>

 <div id="content">
  ContentText
 </div>

 <div id="rightmenu">
  Gerade online:<br />
 </div>

 <br class="clearboth" />
</div>
Langt mir, könnts ja mal testen..
__________________
http://www.ChrisDiary.De

Geändert von Chr!s (01.03.2006 um 13:34 Uhr).
Chr!s ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 13:17 Nach oben    #8
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.648
Standard

Zitat:
<br class="clearboth" />
Die dazugehörige CSS-Klasse fehlt.
__________________
I did it my way - Senseless-Blog
WarrenFaith ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 13:34 Nach oben    #9
Christian Mühlroth
 
Benutzerbild von Chr!s
 
Registriert seit: 04.09.2005
Ort: Nürnberg
Beiträge: 561
Standard

Oh, hab ich doch glatt übersehen. Aber nichts allzubesonderes:
Code:
.clearboth {
    clear: both;
}
Habs oben auch mal editiert..
__________________
http://www.ChrisDiary.De
Chr!s ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 01.03.2006, 13:36 Nach oben    #10
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.648
Standard

Naja war ja anhand des Klassennamen schon erkennbar, ich wollt nur auf nummer sicher gehen, weil du meinstest, wir könnten es testen
__________________
I did it my way - Senseless-Blog
WarrenFaith ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bildwechsel mit CSS Problem jjelliss HTML, XML und CSS 19 17.09.2007 01:36
CSS Selektoren Problem Chr!s HTML, XML und CSS 2 01.04.2007 14:44
[CSS] Div + CSS + IE6 -> Problem Binary HTML, XML und CSS 5 14.02.2007 16:24
CSS Layout - Problem Chr!s HTML, XML und CSS 11 14.09.2005 16:54
Kugel bewegen - Problem mit dem Ansatz Ben Desktop-Applikationen und Grafik 5 11.04.2005 17:50


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:54 Uhr.


Powered by vBulletin® Version 3.7.3 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44