zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden CSS Drei Spalten selbe Höhe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.05.2005, 16:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.05.2005
Beiträge: 84
dope_dope befindet sich auf einem aufstrebenden Ast
Standard CSS Drei Spalten selbe Höhe

Hi Leute,
bei folgndem Drei-Spalten Layout habe ich das Problem, dass die Spalten unterschiedlich hoch sind.

html:
Code:
<div class="SpalteL">

</div>

<div class="SpalteM">
ganz viel Text
</div>

<div class="SpalteR">

</div>
css:
Code:
div.SpalteL {	width: 80px;
					background-color: #EBEBEB;
					border-right: 1px solid #D8D8D8;
					float: left;
					height: 100%;
					margin-right:15px;	}

div.SpalteM {	width: 75%;
					background-color: #ffffff;
					float: left;
					margin-right: 15px;	}

div.SpalteR {	width: 100px;
					background-color: #EBEBEB;
					border-left: 1px solid #D8D8D8;
					float: left;
					height: 100%;	}
Kann mir jemand helfen, alle drei Spalten auf die selbe Höhe zu bekommen????

thx, MFG
dope_dope
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.05.2005, 19:13
Benutzerbild von derHund
durstiges Tier
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2004
Beiträge: 869
derHund befindet sich auf einem aufstrebenden Ast
Standard

du kannst mittels css die höhen der boxen nicht in bezug setzen. wenn es dir rein ums optische geht, kannst du so tun, als ob => faux columns heißt das zauberwort. dabei simulierst du mit einem hintergrundbild im umgebenden block die gleich-höhe ... bei einem teilweise flexiblen layout (wie deinem) wirst du etwas tricksen müssen. auf http://www.alistapart.com/articles/fauxcolumns/ findest du ein beispiel.
__________________
Die Zeit hat ihre Kinder längst gefressen: hund (back in black) | ??? | ??? | ...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.05.2005, 23:24
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Hier ist ein Bespiel, wie sich die drei Spalten "anpassen":
http://www.pixy.cz/blogg/clanky/css-3col-layout/
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #4 (permalink)  
Alt 09.05.2005, 14:41
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.05.2005
Beiträge: 84
dope_dope befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Antworten.

In meinem Fall konnte ich es lösen, in dem ich für alle drei Spalten height auf 100% gesetzt und ein weiteres div um die drei Spalten herum gelegt habe.
Mit Zitat antworten
  #5 (permalink)  
Alt 09.05.2005, 14:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 162
Xavier befindet sich auf einem aufstrebenden Ast
Standard

Funzt das auch in allen Browsern?
Hast du einen Link dazu?
Mit Zitat antworten
  #6 (permalink)  
Alt 10.05.2005, 03:27
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.05.2005
Beiträge: 84
dope_dope befindet sich auf einem aufstrebenden Ast
Standard

Code:
<style type="text/css">
<!--


div.SpalteL {	width: 80px;
		background-color: #EBEBEB;
		border-right: 1px solid #D8D8D8;
		float: left;
		height: 100%;
		margin-right:15px;	}

div.SpalteM {	width: 75%;
		background-color: #ffffff;
		float: left;
		margin-right: 15px;
		height: 100%;	}

div.SpalteR {	width: 100px;
		background-color: #EBEBEB;
		border-left: 1px solid #D8D8D8;
		float: left;
		height: 100%;	}

-->
</style>
<body>

<div style="border: 0px solid red; height: 100%;">

    
    <div class="SpalteL">
    
    </div>

    
    <div class="SpalteM">
    </div>

    
    <div class="SpalteR">
    
    </div>

</div>

</body>
Läuft unter IE6(SP2-Version).
Bei Firefox 1.03 gehts so nicht!
Andere Browser nicht getestet.
Mit Zitat antworten
  #7 (permalink)  
Alt 10.05.2005, 09:52
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Du musst ja auch den Viewport (sprich: HTML, BODY) rein theoretisch auf 100% setzen.

Aber die Lösung für ein dreispaltiges Layout mit 100% Höhe wird es dennoch nicht sein, oder meinst Du, Du bist der Erste, der es geschafft hat, es "so einfach" über 100% Angaben zu erreichen? Es klappt nicht, und wenn dann nur mit Tricks.

Zitat:
Bei Firefox 1.03 gehts so nicht!
Andere Browser nicht getestet.
Eben, und das solltest Du aber tun. Außer, Du kannst auf 35% Deiner Besucher verzichten.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #8 (permalink)  
Alt 10.05.2005, 11:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

http://www.xhtmlforum.de/viewtopic.php?p=6634#6634
__________________
</ulle>
Mit Zitat antworten
  #9 (permalink)  
Alt 10.05.2005, 12:12
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 162
Xavier befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Boris
Eben, und das solltest Du aber tun. Außer, Du kannst auf 35% Deiner Besucher verzichten.
Worauf beziehst du dich da? Das würde mich schon mal interessieren...

Ich habe beim Googlen u.a. die Statistik von WebSiteStory gefunden - auch, wenn das nur für die USA gilt. Da haben die Nicht-IE-Browser einen Marktanteil von nicht mal 12%...
Auch bei anderen statistischen Erhebungen erreicht der IE immer Marktwerte von min. 83%.
(Tendenz zum Glück fallend...)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 10.05.2005, 13:29
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.05.2004
Beiträge: 275
dexter befindet sich auf einem aufstrebenden Ast
Standard

http://www.dodabo.de/netz/statistik.html
__________________
Du bist so dumm, Dich kann man auf 2 Disketten abspeichern.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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
CSS Style Seite komplett 100% Höhe webdino CSS 6 17.06.2010 16:28
3 Spalten fixed width css layout sharepointkb CSS 9 28.02.2010 21:00
CSS Höhe 100% - Datenbank auslesen breppe CSS 5 15.01.2009 15:09
3 Spalten Layout Höhe 100% hunter CSS 4 28.02.2008 16:25
3 Spalten mit gleicher variable Höhe phpfuchs CSS 3 05.03.2006 21:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:13 Uhr.