Hi,
ich hab ein kleines CSS Problem.
Hier erstmal die Seite:
Und zwar geht es darum:
Wenn ich mein Browserfenster ganz klein zusammen schiebe, dann ist das DIV "back_top" immer nur genauso breit wie das Fenster.
Da aber ab einer gewissen Breite unten ein Scrollbalken kommt, da die das Div "seite" eine Breite von 950px hat, wird das unschön, da dann die Hintergrundgrafik aus "back_top" nicht über die gesamte Breite geht.
Ich hoffe ihr habt verstanden, was ich meine^^
hier erstmal der code:
html:
und hier die css:
ich hoffe ihr könnt mir helfen...
lg breaker
ich hab ein kleines CSS Problem.
Hier erstmal die Seite:
Und zwar geht es darum:
Wenn ich mein Browserfenster ganz klein zusammen schiebe, dann ist das DIV "back_top" immer nur genauso breit wie das Fenster.
Da aber ab einer gewissen Breite unten ein Scrollbalken kommt, da die das Div "seite" eine Breite von 950px hat, wird das unschön, da dann die Hintergrundgrafik aus "back_top" nicht über die gesamte Breite geht.
Ich hoffe ihr habt verstanden, was ich meine^^
hier erstmal der code:
html:
Code:
<body>
<div id="back_top"
<div id="seite">
<div id="seite_top"></div>
<div id="seite_mitte"><img src="images/header.jpg" /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="seite_unten"></div>
</div>
</div>
</body>
Code:
* {
margin: 0px;
padding: 0px;
border: 0px;
}
body {
background: url(images/back.png);
width: 100%;
}
#back_top {
background: url(images/back_top.png) top center repeat-x;
width: 100%;
}
#seite {
width: 950px;
margin: 0 auto;
}
#seite_top {
width: 950px;
height: 57px;
padding: 0px;
background: url('images/seite_top.png') top center;
}
#seite_mitte {
width: 894px;
padding: 0px 28px 0px 28px;
background: url('images/seite_mitte.png') top center;
}
#seite_unten {
width: 950px;
height: 77px;
padding: 0px;
background: url('images/seite_unten.png') top center;
}
lg breaker