css og bottom/height problem

[opticus]

som sagt har jeg et problem med footer.

jeg får ikke plassert den helt riktig, jeg kan evt sette en scrolling på centercontent, men jeg finner ikke ut hvordan jeg skal gjøre det, kan noen hjelpe?

	body {
 margin:5px 0px 0px 5px;
 background:#FBFCF7;
 background-image: url(bakgrunn.jpg);
 background-repeat: no-repeat;
 
 }
#leftcontent {
 position: absolute;
 left:15px;
 width:170px;
 top:84px;
 background:#fff;
 color: #003399;
 
 }

#centercontent {
 position: absolute;
 left: 210px;
 right:370px;
 top:84px;
 background:#fff;
 color: #003399;
 padding-left:15px;
 padding-right:15px;
 padding-top: 15px;
 padding-bottom: 15px;
 
 }

#rightcontent {
 position: absolute;
 right:15px;
 width:340px;
 top:84px;
 background:#fff;
 color: #003399;
 }

#rightcontent, #centercontent, #leftcontent {
 border:1px solid #000;
 }

p,h1,pre {
 margin:0px 10px 10px 10px;
 }

h1 {
 font-size:14px;
 padding-top:10px;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 }

#centercontent p { 
 font-size:11px;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 }

/*knappene i menyen (leftcontent) */
#leftcontent ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
 }

#leftcontent li {
 border-bottom: 1px solid #000;
 margin: 0;
 }

#leftcontent li a {
 display: block;
 background-color: #fff;
 color: #003399;
 text-decoration: none;
 width: 100%;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 font-size:12px;
 padding-left:10px;
 }

html>body #leftcontent li a {
 width: auto;
 }

#leftcontent li a:hover {
 background-color: #F0F0F0;
 color: #003399;
 }
#footer{ 
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;

 	} 
 

Endret 24. januar 2005 av opticus

[harald_]

overflow: auto;

 

grunnen til at du har problemer med å få plasert footern uten scroll kan nok være at et element med position: aboslute; ikke vil rikke seg av flekken uansett om du scroller eller om det kommer tekst i veien...

Endret 21. januar 2005 av harald_

[opticus]

så jeg skal ta overflow auto på centercontent? den ville fremdeles ikke scrolle

[harald_]

hva skjer da? har du url til siden så vi kan se?

[opticus]

http://www.forvirra.com/heien/ferdig/

[opticus]

ingen?

[haugsand]

Vil du at footeren skal holde seg helt nederst i nettleservinduet, selv om innholdet er høyere enn én skjermhøyde? I så fall er position: fixed; det du leter etter. Dessverre virker ikke verdien i IE, så du er nødt til å bruke en hack for å få det til å fungere.

[opticus]

det jeg vil er at jeg skal få scrolling på midtre vindu og at footer skal holde seg nederst.. den flytter seg ved resize nå. footer er forsåvidt i orden, topic er blitt litt feil over tid her

[N*]

for å få scroll kan du sette en høyde og overflow:scroll;

 

for å få footeren nederst skriver du den etter de andre divene og justrer den med bredde, høyde og margin.

 

så litt tungvindt ut med alle de <br /> forresten

[haugsand]

opticus: Sett position: fixed; på footeren, og ta til følge hva du vil gjøre med IE. Som et alternativ til den hacken jeg nevnte ovenfor, kan du bruke IE7.

[opticus]

tror jeg er på vei mot noe nå

må bare finne en litt finere måte å lage den scrollesaken på! den er jo helt forferdelig stygg

[Simon Zimmermann]

må bare finne en litt finere måte å lage den scrollesaken på! den er jo helt forferdelig stygg

Eneste muligheten til å lage egne rullefelt er å bruke Microsofts egen CSS-utvidelse eller JavaScript, men ingen av disse metodene er særlig bra så jeg anbefaler dem å la de være sånn som de er selv om du ikke synes de er pene. Du kan jo lese litt om det i artikkelen om dette på Unrealized.org: Unngå Egendefinerte Rullefelt

[opticus]

jeg klarer ikke sette riktig høyde på centercontent verken med height i % eller ved å definere bottom i IE, mozilla/firefox der fungerer begge.. noen forslag til hvordan dette kan fikses?

	body {
 margin:5px 0px 0px 5px;
 background:#FBFCF7;
 background-image: url(bakgrunn.jpg);
 background-repeat: no-repeat;
 
 }
#leftcontent {
 position: absolute;
 left:15px;
 width:170px;
 top:110px;
 background:#fff;
 color: #003399;
 
 }

#centercontent {
 position: absolute;
 left: 210px;
 right:370px;
 top:110px;
 background:#fff;
 color: #003399;
 padding-left:15px;
 padding-right:15px;
 padding-top: 15px;
 padding-bottom: 15px;
 overflow: auto;
 /*height: 65%;*/ /*denne funker ikke i IE*/
 overflow-x: hidden;
 /*bottom: 50px;*/ /*denne funker ikke i IE*/
 /*margin: 0 auto;*/
 }

#rightcontent {
 position: absolute;
 right:15px;
 width:340px;
 top:110px;
 background:#fff;
 color: #003399;
 }

#rightcontent, #centercontent, #leftcontent {
 border:1px solid #000;
 }

p,h1,pre {
 margin:0px 10px 10px 10px;
 }

h1 {
 font-size:14px;
 padding-top:10px;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 }
#footer{ 
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
}

Endret 24. januar 2005 av opticus

[opticus]

*bumpetibump*

[haugsand]

Hva om du leser alle innleggende før du bumper? Har du prøvd position: fixed;?

[opticus]

hva om du leser hva som er problemet før du er frekk i kjeften?

fixed på centercontent da mener du? da blir jo siden helt fucked, det er vel ikke mulig å flytte den midtre delen om den står som fixed? må stå som absolute hvis jeg skal kunne ha den midt på siden? ja.. slik jeg ser det er jeg nødt til å ha den absolute.

 

og jeg gjentar til den frekke: det er unødvendig og strengt tatt så er det vel heller ikke lov her på forumet?

#1: Brukere av forumet bes om å holde en høflig tone.

[haugsand]

opticus: Sett position: fixed; på footeren, og ta til følge hva du vil gjøre med IE. Som et alternativ til den hacken jeg nevnte ovenfor, kan du bruke IE7.

Det var ikke meningen i være uhøflig, og tar selvkritikk for at henvisningen til det tidligere innlegget var for vag.

[phun-ky]

hva med å bruke iframes isteden?

[Steinmann]

siden ser litt rotete ut,

vanskelig å se hva som skal hvor.

 

men har du mulighet til å lage footer som et bilde istedenfor text

løser det ofte mange problemer har jeg merket.

da kan du legge den som background i content/wrap div'n din,

også -> background-position: center bottom;

 

funker som en drøm,

så setter du en min-height(også litt IE hack),

for det virker ikke som du er ute etter no scrollbar når den blir for lang.

 

iframes er tabu!

[phun-ky]

iframes er tabu!

splainify?