Balken über das komplette Browserfenster und oberen Rand erzwingen

mysteria66 schrieb am 07.09.2012 um 11:33 Uhr

Hallo,

ich plane eine Seite wie hier im Beispiel gezeigt aufzubauen.

1.) Balken im oberen Bereich, der die komplette Breite des Browserfensters einnimmt (unabhängig von der Bildschirmauflösung) mit einem Logo das linksbündig sitzt.

2.) Hintergrund in einer anderen Farbe als die Balkenfarbe

3.) Webseite beginnend unterhalb des Balkens (Punkt 1).

Im Internet habe ich zum Einstellen eines oberen Randes so viele unterschiedliche Ansätze gefunden. Wie geht ihr hierfür vor? Ist der Ansatz, einen Platzhalter zu erstellen und im "HTML Headbereich" folgendes Syle einzubinden der beste Weg oder gibt es elegantere Ansätze?

 

#xr_xr {margin-top: 80px;}

 

Etwas Schwierigkeiten macht mir noch der obere Balken. Letztendlich suche ich also nach einer Lösung wie man den oberen Rand erstellt, damit die Webseite erst unterhalb des Balkens beginnt und zudem, wie man den Balken erzeugen kann, damit dieser die komplette Fensterbreite einnimmt.

Ich nutze den Webdesigner MX Premium.

Besten Dank für eure Hilfe!

Kommentare

Freewind schrieb am 07.09.2012 um 13:39 Uhr

Hallo,

ich würde mit einem "Tweak" arbeiten. So hab ich es auch auf meiner privaten Seite gemacht, die übrigens genau so definiert ist, wie du es beschreibst: Samtpfoten.

Der Tweak heißt: Tile background horizontally. Du verwendest ein Platzhalterobjekt (welches du außerhalb der Seite plazierst und als html code im "head" eingibst: 

<style type="text/css">
body {background-repeat:repeat-x; background-color:#fbfbfb;}
</style>

Die Farbe des Hintergrundes kannst du entsprechend deines Wunsches ja im Code anpassen.

Mehr zu den verfügbaren Tweaks im englischen Xara Forum:
Xara-Forum

 

Gruesse

mysteria66 schrieb am 07.09.2012 um 17:25 Uhr

Hallo Freewind,

ich habe das entsprechend umgesetzt und es funktioniert auf diesem Wege sehr gut! Vielen Dank für Deine Hilfe!

Viele Grüße