/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med CSS og overflow
Fra : Carsten Holst


Dato : 20-12-03 21:31

Hej,

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

 
 
Jens Gyldenkærne Cla~ (20-12-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-12-03 22:14

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste