|
|||
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> 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%; } thx, MFG dope_dope |
Sponsored Links |
|
||||
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) | ??? | ??? | ... |
Sponsored Links |
|
||||
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 |
|
|||
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> Bei Firefox 1.03 gehts so nicht! Andere Browser nicht getestet. |
|
||||
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:
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
__________________
</ulle> |
|
|||
Zitat:
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...) |
Sponsored Links |
|
|||
__________________
Du bist so dumm, Dich kann man auf 2 Disketten abspeichern. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |