|
||||
Background-Image
Hier der Link zu meinem Problem:
Home Eigentlich möchte ich, wenn der Bildschirm verkleinert wird, dass dann das Banner links beschnitten wird. Wenn ich jetzt den rechten Rand des Fensters nach links ziehe, verschwindet die Malve (rote Blume) unter dem linken Logo. Wie erreiche ich dieses Ziel? Hier der HTML-Code: HTML-Code:
<body> <div id="wrapper"> <div id="top"> <div id="logo"></div> </div> <div id="left"> <ul id="nav"> <li>Link </li> <li>Link </li> <li>Link </li> <li>Link </li> </ul> </div> <div id="right"></div> <div id="main"> <h2>Überschrift</h2> <p>Absatz</p> </div> <div id="bottom"> <p>Fusszeile</p> </div> </div> </body> Code:
/* CSS Document */ html { height: 101%; /* erzwingt Scrollbalken in Firefox */ } body { font-family: Calibri, Helvetica, Verdanan, Arial, sans-serif; margin: 20px; text-align: center; margin-top: 1.5em; padding-bottom: 1em; } #wrapper { max-width: 1280px; margin: 1em; width: 95%; margin-left: auto; margin-right: auto; border: 5px solid silver; text-align: left; } #top { background: url(images/balken_rechts_780x160.jpg) no-repeat right; height: 160px; margin: 0.5em; } #logo { background: url(images/logo_269x160.jpg) no-repeat; height: 160px; margin: 0.5 em; }
__________________
Es lebe der Firefox |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
Problem mit CSS Style | flo007 | CSS | 3 | 25.01.2009 18:08 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 02:35 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |