Hab es
teilweise gelöst, das Aber steht unter der bisherigen Lösung
Code:
div#head1 {
height: 22px;
background-image:
url(images/mi.gif);
background-repeat:repeat-x;
position:relative;
padding:0px;
margin:0px;
float:left;
}
div#head_left{
width: 12px;
height: 22px;
background-image:
url(images/le.gif);
float: left;
position:relative;
padding:0px;
margin:0px;
}
#head_right {
width: 46px;
height: 22px;
background-image:
url(images/re.gif);
position:relative;
padding:0px;
margin:0px;
}
<div>
<div id="head_left"></div>
<div id="head1">Ich bin ein kleiner Test, mit mehr Text....</div>
<div id="head_right"></div>
<div style="background-color:#540403;">Bla bla
Bla</div>
</div>
Soweit dazu. Jetzt ist folgendes: Ich habe mein linkes Bild mit den 12px, mein rechtes Bild mit dem 46px und meine Mitte ist variabel...
ABER:
Wenn ich das Fenster des IE oder eines anderen Browsers zusammenschiebe, verschieben sich die Container mit. Normalerweise würde eine Scrollleiste entstehen...
Bild im Anhang..
*snief* - ich bin stinksauer
