|
|||
float // position //etc.
Hallo. Ich bin ein ziemlicher Neuling im CSS-Umfeld. Grob gesagt habe ich ein CSS-gerüst zur Verfügung, das ich auch im Grossen und Ganzen beachten muss (Corporate Design). Nun will ich dieses ergänzen. Im angehängten File habe ich mal versucht darzustellen, wie das Design aussehen soll und wie es derzeit aussieht. Das Design sieht im Moment so aus, dass ich im HTML-dokument erst die corporate-css-datei includiere, dann die eigene (in der ich neue Dinge definiere bzw. auch bereits bestehende Definitionen erweitere / verändere) hinzu includiere. Der Code für die fraglichen Elemente sieht folgendermassen im Moment aus: #links{ width: 20 %; border-left: 1px solid #B3B3B3; background-color: #E6E6E6; margin-right: 0; position: absolute; right: 0px; } #mainarea { float: left; width: 80 %; } #footer { position: fixed; clear: left; visibility: visibil; font-family: Verdana; font-size:10px; color: #000000; text-decoration: none; border: solid #A5AFC6; border-width: 1px 0px 0px 0px; background-color:; width: 100%; } #titel { position: absolute; visibility: visibil; top: 1px; left: 5px; height: 43px; font-family: Verdana; font-size:14px; color: #000000; font-weight: bold; text-decoration: none; border: #B3B3B3 solid; border-width: 0px 0px 1px 0px; vertical-align: middle; } Wo liegt mein Fehler ?????? Gruss Bärbel. |
Sponsored Links |
|
|||
ich würde Dir raten, auf absolute Positionierung zu verzichten. Besser Elemente floaten und margins für Abstände einsetzen.
Beachte aber: 20% width + 80% witdth + Border (und sei es nur ein Pixel) ist größer als 100%. Schreib erstmal nur das HMTL runter. Dann stückchenweise das CSS. Erst die Anordnung (knallige Hintergrundfarben und evtl. Border helfen zur besseren Wiedererkennung und zum Testen) und später die Feinjustierung. Zum Thema float: Klick mal in meine Sig ("wer floatet muss auch clearen"), das ist wesentlich zum Verständnis der Thematik und zur Behebung von Folgefehlern Aufgrund fehlender clears. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 15:43 |
CSS von Plugin beisst! | expand | CSS | 0 | 28.09.2012 17:44 |
joomla template | wrock | CSS | 2 | 06.04.2012 19:24 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 14:30 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 14:07 |