|
|||
Felder Anordnung Problem
Scheinbar habe ich nicht genügend klar fomuliert:
meine site sollte eine einfache Stuktur haben: - drei "Spalten" - 1 "Spalte": 3 Zeilen - 2 "Spalte": 1 Zeile - 3 "Spalte": 1 Zeile Ich habe das schon oft gemacht. Kein Problem. Der Unterschied ist jetzt jedoch, dass die zweite Zeile in der ersten Spalte scrollt d.h. ein <ul> Container ist. Es gelingt mir nicht die 3 Spalte oben auszurichten ohne dass das Scrollfeld verzogen wird. Clear habe ich versucht... Danke HTML: Code:
<div id="titelfeld"> <h1>Resultate</h1> </div> <ul id="resultatecontainer"> <!--mit Scroller, --> <li><a href="resultat1.htm">Resultat 1</a></li> <li><a href="resultat1.htm">Resultat 2</a></li> <li><a href="resultat1.htm">Resultat 3</a></li> <li><a href="resultat1.htm">Resultat 4</a></li> <li><a href="resultat1.htm">Resultat 5</a></li> </ul> </div> <div id="feldunterresultate"> <h1>hier</h1> <h2>Kommentare<h2> </div> <div id="rechtesfeld"> <p>hier rechtes feld </p> </div> <div id="mittleresfeld"> <p>hier</p> </div> Code:
body, p a { color: black; background-color: white; font-size: 100.01%; font-family: Helvetica,Arial,sans-serif; margin: 0; padding: 1em 0; text-align: center; /* Zentrierung im IE */ } div#page { text-align: left; margin: 0 auto; width: 900px; padding: 0; border: 0px; } ul#resultatecontainer { overflow:auto; /*scroller*/ height: 200px; width: 18em; float: left; width: 14em; margin: 0 0 1.3em; padding: 0em; clear: both; border-bottom: 10px solid #E4E2EE; } div#feldunterresultate { float: left; width: 14em; clear: both; } div#rechtesfeld { float: right; width: 120px; } div#mittleresfeld { margin: 0 12em 1em 15em; padding: 0 1em; border: 1px solid #E4E2EE; } |
Sponsored Links |
|
|||
Verschachtelt
Ich habe das Problem sehr unschön mit verschachteln gelöst d.h. ich habe die 3 <div>'s in der ersten Spalte eine Über - <div> gelegt und die dritte Spalte nach dem </div> angeordnet.
Wie gesagt nicht sehr schön aber vielleicht hat ja jmd eine bessere Lösung. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit WordPress und dem Bilder Upload | Maxefix | Serveradministration und serverseitige Scripte | 0 | 19.12.2006 15:58 |
Problem mit CSS Ausklappmenü: Im Untermenü wird der Platz nicht genutzt | braindead | CSS | 6 | 20.09.2006 23:45 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 18:39 |
Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 07:28 |
Problem mit Buttons / Hintergrund - Felder verschieben!? | Hisky | CSS | 3 | 10.05.2005 21:42 |