[iaMbeastLi]

Ok, så her er situasjonen. Jeg har en side med div på siden, på toppen og på bunnen. Div på siden er til venstre på 225px. Div på toppen er 25px og div på bunnen 20px. Hva jeg ønsker er en div i midten av dem alle, og derfor endrer størrelsen (og er Rullbar) basert på den besøkendes nettleser størrelse.
Hva har jeg fungerer, men vil ikke bla, og er ikke rett bredde så jeg må center alt innholdet i den. Dens bare bruker bredden av leseren, men skjøvet over litt med en margin, så det faktisk hengende over under sidepanelet.

En rask skisse av hva jeg har i vedlegg.

Noen ideer?

Nøkkel:
menyen øverst.
bottom_menu er nederst menyen.
Innholdet er den delen jeg trenger hjelp med, i midten.
sidebar er det som går på siden.

CSS:
Code:
@ charset "UTF-8";
/ * CSS Document * /

html **
height: 100%;
)

img
**
border-style: none;
color: # fff;
text-align: center;
)

kroppen **
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background-color: # 000;
)

. sidebar **
background-image: url (.. / images / sidebar / background.png);
background-repeat: gjenta-y;
width: 225px;
min-height: 100%;
stilling: fast;
top: 25px;
left: 0px;
overflow: hidden;
PADDING-LEFT: 5px;
padding-top: 5px;
font: 12px Helvetica, Arial, Sans-Serif;
color: # 666;
z-index: 1;
)

. menyen **
background-image: url (.. / images / top_menu / background.png);
background-repeat: gjenta-x;
width: 100%;
height: 25px;
stilling: fast;
top: 0px;
left: 0px;
overflow: hidden;
PADDING-LEFT: 5px;
)

. innhold **
width: 100%;
top: 25px;
height: 100%;
overflow: hidden;
stilling: fast;
PADDING-LEFT: 5px;
padding-top: 5px;
background-color: # fff;
margin-left: 112px;
font: 14px Helvetica, Arial, Sans-Serif;
)

. bottom_menu **
background-image: url (.. / images / bottom_menu / background.png);
background-repeat: gjenta-x;
width: 100%;
height: 20px;
stilling: fast;
bottom: 0px;
left: 0px;
overflow: hidden;
PADDING-LEFT: 5px;
Z-INDEX: 2;
font: 12px Helvetica, Arial, Sans-Serif;
)
HTML (DIV plasseringsresultat):
Code:

INNHOLD i sidefeltet

INNHOLD PÅ TOPP MENY

INNHOLDET I BOTTOM MENU

INNHOLD i innhold