|
|||
Zentrierter Background + Menü und Contentbereich => Verschiebung bei kleiner Breite
Hallo zusammen,
beim Umsetzen eines neuen Design bin ich auf ein kleines Problem gestoßen, wenn die Fensterbreite zu gering ist. Dort wird das Menü in den Contentbereich verschoben. Das passiert, sobald der Scrollbalken notwendig wird. Siehe hierzu: Test Weiß jemand, wie ich das Problem lösen kann? Danke und Gruß Alex |
Sponsored Links |
|
|||
Moin,
das ist nicht dein einziges Problem. Wenn ich die Fenstergröße ändere, ist der Content nie direkt über dem Bereich, über dem er laut HG-Bild sein sollte. Teile das Bild mal auf, und gib den HG für den content auch dem content. gruß, take P.S. Hab mal nen Screenshot gemacht, zur Verdeutlichung |
Sponsored Links |
|
|||
Hallo,
ich habe es ausprobiert und nach ein paar Recherchen diese Lösung erarbeitet: HTML-Code:
<style type="text/css" media="screen"> #myHeader1 { left:0; position:absolute; width: 50%; } #myHeader1a { border: none; height: 205px; float: right; margin-right: 475px; } #myHeader2 { background: url("http://xhtmlforum.de/images/header2.png") no-repeat top; border: none; height: 205px; float: left; text-align: left; margin: 0px auto 0; width: 952px; position: absolute; left: 50%; margin-left: -475px; } #myHeader3 { position: absolute; right: 0px; width: 50%; overflow: hidden } #myHeader3a { border: none; height: 205px; float: left; margin-left: 476px; } </style> HTML-Code:
<div id="myHeader"> <div id="myHeader1"> <div id="myHeader1a"> <img src="http://xhtmlforum.de/images/header1.jpg" /> </div> </div> <div id="myHeader2"> </div> <div id="myHeader3"> <div id="myHeader3a"> <img src="http://xhtmlforum.de/images/header3.jpg" /> </div> </div> </div> Und: Ganz zufrieden bin ich mit den beiden "nicht-background-Bildern" auch nicht... Gruß Alex Geändert von deepmessage (20.11.2011 um 19:33 Uhr) |
|
|||
Moin,
du hast glaub ich das Problem, dass du im Web so gestalten willst, wie auf Papier. Aber das geht nicht. Lies dir mal dieses Kapitel von Little Boxes durch, dort wird das näher erklärt. Löse dich davon, 100%ig bestimmen zu können, wie deine Seite aussehen soll, sonst wird das nix. gruß, take |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 18:32 |
Footer left und right Probleme... | wolf1985 | CSS | 2 | 14.08.2008 14:04 |
Menü mit Punkten unterschiedlicher Breite | Steakfred | CSS | 2 | 20.01.2008 12:52 |
div Breite nicht kleiner als Inhalt | DcK | CSS | 0 | 18.11.2006 15:44 |
Flexible Breite, zentrierter Contentbereich | sancho22 | CSS | 3 | 06.03.2006 18:07 |