✔ probleme mit div layout

[Nadine_Schneider]

Ich habe zwei Probleme bei meinem Layout.

1. Warum wird der Banner nicht fortgesetzt, wenn ich nach rechts scrolle.

2. Wie mach ich es, dass der Div mit dem Text sich automatisch an den Rand anpasst, wenn man das Fenster kleiner macht.

Die Adresse lautet: http://www.frisuren.online-welt.net/format.php

Css vom Banner:
#banner {
height: 85px;
width: 100%;
background: #8a0000 url(banner-bild.jpg) no-repeat right;
}

Css vom Text:
#inhalt {
height: 100%;
width: 100%;
margin-left: 170px;
margin-right: 170px;
}

 

[Maik]

Hi.

1. Müsste die Frage nicht eher "Warum kann ich nach rechts scrollen, obwohl dort kein Inhalt folgt?" lauten?
   
   
2. Wenn du der Zeichenkette ein paar Leerzeichen gönnst, weiß der Browser, wo er beim Verkleinern seines Viewports Zeilenumbrüche setzen kann, und passt das umschliessende DIV dem Fensterrand an.

mfg Maik

 

[Nadine_Schneider]

Hi.
Wenn du der Zeichenkette ein paar Leerzeichen gönnst, weiß der Browser, wo er beim Verkleinern seines Viewports Zeilenumbrüchen setzen kann, und passt das umschliessende DIV dem Fensterrand an.

mfg Maik

Oh, ok ^^, danke

 

[Nadine_Schneider]

Mhh. Es wär schön gewesen wenn das wirklich das Problem war, ist es aber nicht.
Der macht immernoch das Gleiche.

Ich glaube das hat was mit "width: 100%;" zu tun, bin mir aber nicht sicher.

 

[Maik]

Und hier die Lösung gegen das Scrollen nach rechts ins Niemandsland

#inhalt {
                height: 100%;
                /*width: 100%;*/ /* auskommentiert = deaktiviert */
                margin-left: 170px;
                margin-right: 170px;
}

Damit dürfte es dann auch mit dem Skalieren des Inhalt-DIVs keine Probleme mehr geben.

mfg Maik

 

[Nadine_Schneider]

Mhh, ok das hätte ich vielleicht wieder raus nehmen sollen .

Danke.