Div immer so breit wie Body?

Breaker · 10.01.2010

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:

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>

und hier die css:

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;
}

ich hoffe ihr könnt mir helfen...

lg breaker

chacki · 10.01.2010

AW: Div immer so breit wie Body?

Müsste eig. gehen wenn du width ganz weglässt und dafür height eingibst.

Breaker · 10.01.2010

AW: Div immer so breit wie Body?

bei welchem div? height dann 100%?

chacki · 10.01.2010

AW: Div immer so breit wie Body?

#back_top {
background: url(images/back_top.png) repeat-x;
height:90px;
}

Breaker · 10.01.2010

AW: Div immer so breit wie Body?

bringt leider nix

FredFuchs94 · 10.01.2010

AW: Div immer so breit wie Body?

max-width: Maximale Breite: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Damit könntest du versuchen was anzustellen.
Aber solange das auf 1024*768 noch gut aussieht ist doch alles okay. Das ist auf jeden Fall das mindeste was man erwarten sollte...

Herr_D · 10.01.2010

AW: Div immer so breit wie Body?

wozu brauchst du denn das back_top? ...den Hintergrund kannst du auch inhalt zuordenen...

Du stellst ne Kiste inne Kiste warum?

Ansonsten ordne back_top halt 'ne min-width von 950 und white-space : nowrap; zu...