[HaBo]

ghost

Anzeige

Bei unten stehendem CSS handelt es sich um mehrere nebenander angeordnete Bereiche ( Seitenteile mit fixer größe damit der Rahmen nicht gezerrt wird ). Im letzten ( #header_rechts_rechts ) befinden sich Infos. Wenn das Fenster nun aber kleiner ist dann passen die Infos nicht mehr in den Content sondern laufen über.

Was könnt ich machen damit das nicht passiert? Habt ihr eine Idee?

also oben:
#header_rechts{
width:25%;
height:200Px;
float:right;
text-align:left;
color:#000000;
background-color:#FFF;
background-image:url(images/vorteile_mitte.jpg);
background-position:top;
background-repeat:no-repeat;

}
#header_rechts_links{
float:left;
background-image:url(images/vorteile_li_rand.jpg);
background-position:top;
background-repeat:no-repeat;
width:20Px;
height:200Px;
}
#header_rechts_mitte{
float:left;
width:80%;
min-width:226Px;
max-width:392Px;
padding-top:10Px;
}
#header_rechts_rechts{
float:right;
background-image:url(images/vorteile_re_rand.jpg);
background-position:top;
background-repeat:no-repeat;
width:20Px;
height:200Px;
}

Brabax

Setz doch einfach eine Tabelle als Grundstruktur, die macht das dann schon für dich

Ansonsten einfach mit <SKRIPTSPRACHE DEINER WAHL> den Text/Content bei Bedarf kürzen

lG

Brabax

__________________

<< Wir leben bereits im morgigen Gestern, doch vom gestrigen Morgen sind wir noch weit entfernt. >>

<< Träume sind Schäume. Es liegt an dir ob du sie lebst oder ein Schaumschläger bist! >>

<< Erst wenn man beginnt zu implizieren, wird man merken, dass einem sowieso keiner richtig zuhört. >>

LaNdRiX

Versuchs mal mit:

Damit wird bei bedarf ein Scrollbalken erstellt. Oder sieh dir die anderen Möglichkeiten von overflow an - vlt is ja was dabei

__________________
mfg landrix

Dresko

Auch wenn es unschön ist, könntest du versuchen unterhalb des Floating-Bereichs ein leeres Div zu erstellen mit den CSS-Eigenschaften clear:both; (<div style="clear:both;"></div>) oder füge ein weiteres Div mit einer festen Breite in dein header_rechts_rechts-Div ein, indem sich dann der Text befindet.

Ansonsten wäre es praktisch auch mal den HTML-Code zu dem CSS zu sehen.

__________________
Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.
- Rick Cook -