problem med <div> og CSS

[granhus]

etter å ha lest litt her fant jeg fort ut at de fleste bruker <div> og CSS.

så da måtte jeg prøve.

 

problemet er at når innholdet i 'hoveddelen' blir for mye legger det seg over footer'en.. jeg vet at jeg kan få hoveddelen til å scrolle istedet, men det vil jeg ikke. jeg vil at footer'en skal bli forskjøvet nedover.

 

siden ligger her, og CSSen her

[Nicklas]

Hva betyr position: absolute ?

[PoleCat]

Hva betyr position: absolute ?

Absolutt posisjonering. Link.

 

@ granhus: Jeg ser ingen footer verken i koden eller "på skjermen".

 

EDIT: Vil anbefale deg å ta en titt på denne tråden, det er en med samme problem.

Endret 11. juni 2004 av PoleCat

[granhus]

nå kan du se hva jeg mener. fjerna footeren siden jeg ikke fikk det til.

 

nå står position på absolute. har prøvd static og relative men det funka ikke. hva er fixed? står ikke forklaring på det.

 

jeg tror ikke det var samme problem i den andre tråden.

[PoleCat]

HVORFOR bruker du absolutt posisjonering?

 

Dersom du ser på hvordan jeg har bygget opp koden til siden i den andre tråden, ser du hvordan du lett slipper unna absolutt posisjonering, ved å bruke float og margins.

[granhus]

HVORFOR bruker du absolutt posisjonering?

 

Dersom du ser på hvordan jeg har bygget opp koden til siden i den andre tråden, ser du hvordan du lett slipper unna absolutt posisjonering, ved å bruke float og margins.

takk skal prøve..

jeg er rimelig ny med CSS men det kommer vel etterhvert.

[granhus]

må jeg bruke float og margins på alle div-taggene? nå prøvde jeg bare på footer. da ble footer liggende øverst på siden.

 

div#footer {
width: 600px;
height: 74px;
overflow: hidden;
text-align: center;
float: left;
margin: 10px 10px 10px 10px;
padding: 10px;
}

Endret 12. juni 2004 av granhus

[Zethyr]

Ja, gjør det på alle divene...

[granhus]

nå har jeg prøvd meg fram.. fikk de 3 øverste div-ene slik jeg vil (logo, bilde til høyre for logo og hovedinnholdet) men meny og footer blir liggende nedenfor hverandre.. jeg finner ikke ut hva som er galt i CSS fila..

 

CSS fila

[Zethyr]

Jeg tør vedde på at du tester i IE...

Bruk alltid FireFox til første del av testingen din...

Jeg ser ikke noen footer, og menyen ligger midt i innholdet.

[TorS]

Jeg har hatt et problem som kan ligne på ditt... Jeg ser ikke problemet ditt, men om jeg har forstått det riktig kan du gjøre at footeren kommer etter de andre divsene ved å gjøre dette:

div#footer {
clear: both;
}

 

Så vidt jeg vet teller dette bare om du ikke brukre position: absolute, men heller floats.

[granhus]

Jeg tør vedde på at du tester i IE...

Bruk alltid FireFox til første del av testingen din...

Jeg ser ikke noen footer, og menyen ligger midt i innholdet.

det veddemålet er jeg med på.. for jeg bruker opera 7.50

hvorfor må man bruke firefox til det?

 

jeg har fjernet footer.. tar en ting av gangen. starter med å få menyen rett..

[granhus]

Jeg har hatt et problem som kan ligne på ditt... Jeg ser ikke problemet ditt, men om jeg har forstått det riktig kan du gjøre at footeren kommer etter de andre divsene ved å gjøre dette:

div#footer {
clear: both;
}

 

Så vidt jeg vet teller dette bare om du ikke brukre position: absolute, men heller floats.

takk! skal prøve meg frem med clear.. kan du legge link til siden din, hadde vært greit å se hele CSS fila.

[Zethyr]

Jeg tør vedde på at du tester i IE...

Bruk alltid FireFox til første del av testingen din...

Jeg ser ikke noen footer, og menyen ligger midt i innholdet.

det veddemålet er jeg med på.. for jeg bruker opera 7.50

hvorfor må man bruke firefox til det?

Opera går greit, men kan noen ganger ha litt trøbbel med margin/padding. Bare husk på å alltid ha

*{

margin: 0;

padding: 0;

}

... så går det fint å teste i Opera også...

[granhus]

Jeg tør vedde på at du tester i IE...

Bruk alltid FireFox til første del av testingen din...

Jeg ser ikke noen footer, og menyen ligger midt i innholdet.

det veddemålet er jeg med på.. for jeg bruker opera 7.50

hvorfor må man bruke firefox til det?

Opera går greit, men kan noen ganger ha litt trøbbel med margin/padding. Bare husk på å alltid ha

*{

margin: 0;

padding: 0;

}

... så går det fint å teste i Opera også...

ok! så hvis siden funker fint i opera\firefox skal den også funke i IE?

 

jeg tror jeg fikk til menyen ..så er det bare footer igjen.

[Zethyr]

Hvis siden funker i FireFox/Opera, er den riktig kodet, og da har du bare igjen litt av hvert av hacks/tweaks for å få den til å fungere i IE

Det er lettere å optimalisere for IE til slutt enn å gå andre veien ...

[granhus]

pokker! i opera ser siden helt fin ut, men i IE er menyen for langt til venstre så den kommer inni hovedtexten.

 

PoleCat sa en gang noe om at IE måtte lures.. en "hack" ellerno.. noen som husker det?

[Zethyr]

Hacks er egentlig ikke å foretrekke, men du kan jo se litt her:

 

http://tantek.com/CSS/Examples/boxmodelhack.html