---

Hej,

På http://phew.dk/kolofon.php har jeg problemer med en sidebar i højre
side. Den går udenfor de to <div>'s der indeholder den, jeg har så
prøvet at give begge bokse (wrapper og sidebarContainer) en gang
overflow : visible, men lige lidt hjælper det. Er der nogen der har en
god idé?

Her er css-koden til de tre bokse:
/* Den yderste boks */
#wrapper {
position: relative;
margin: 0 8%;
padding: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ccc;
overflow : visible;
}

/* Containeren til selve sidebaren */
#sidebarContainer {
position : absolute;
/* Positioning rules for IE 6/Win. */
top : 174px;
right : 8%;
width : 190px;
color : #000;
background : url(gfx/left_bar_bg.png);
overflow : visible;
}

/* Sidebar */
#sidebar   {
   position : relative;
   margin-right : 10px;
   border-left : 1px solid #ccc;
   border-bottom : 1px solid #ccc;
   border-right : 1px solid #ccc;
   overflow : visible;
}

Det komplette stylesheet kan ses på http://phew.dk/v2.css og en
fungerende side kan ses på http://phew.dk/v2

På forhånd tak for hjælpen, og rigtig glædelig jul!
--
Mvh. Carsten Holst
http://holstweb.dk || http://phew.dk

---

Carsten Holst skrev:

> På http://phew.dk/kolofon.php har jeg problemer med en sidebar
> i højre side. Den går udenfor de to <div>'s der indeholder
> den, jeg har så prøvet at give begge bokse (wrapper og
> sidebarContainer) en gang overflow : visible, men lige lidt
> hjælper det.

Problemet opstår fordi din sidebar er absolut positioneret. Dermed
vil den ikke påvirke højden af omgivende bokse - og hvis disse er
mindre end sidebar-højden, så ryger den udenfor.

Det eneste jeg umiddelbart kan foreslå, er at benytte float i
stedet for position.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html