Container i container -CSS og Opera 7.54

[kroekkete]

Hei,

 

jeg har en horisontal knapperad bygget opp av <ul> og <li>. Knapperaden forflytter dessverre hele siden når den vises i Opera 7.54

(Skjermdump av Opera 7.54 og andre nettlesere kan ses her. Url'en til eksempelsiden finnes her, mens stilarket kan ses her.)

 

Css'en jeg sliter med omslutter knapperaden, og ser slik ut.

#navcontainer	{
width: 95%;
clear: none; 
margin-top: 195px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;	
z-index: 1;}

 

Hvis jeg gjør om margin-top til padding-top løses problemet delvis i 7.54, men borders rundt (i) knapperaden rotes skikkelig til...

 

For øvrig ligger #navcontainer inne i #topp, som inneholder den øverste delen av bakgrunnsbildet.

 

Det som skjer i 7.54 er at margin-top i #navcontainer forholder seg til toppen av "skjermen", i stedet for toppen av #topp...

Er det noen som forstår noe av dette? (Mye informasjon her, men en titt på skjermdumpen tydeligjør forhåpentligvis problemet mitt... )

 

Mvh Primaxx

 

PS! Knapperaden er forresten hentet fra Maxdesign.

 

EDIT:

Endret overskrift

Endret 26. april 2005 av primaxx

[pgdx]

Hva med å prøve å kjøre #navcontaineren position:absolute? Velger du en bredde på 800px, setter margin-left: -400px og left: 50%

[kroekkete]

Hva med å prøve å kjøre #navcontaineren position:absolute? Velger du en bredde på 800px, setter margin-left: -400px og left: 50%

Takk!

 

Følgende løste problemet (Selv om jeg ikke har fått sett den i IE og Opera 8 ennå...):

#navcontainer	{
    position:absolute;
    width: 94%;
    margin-left: 3%;
    clear: none; 
    margin-top: 195px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;	
    z-index: 1;}

 

Mvh Primaxx

[pgdx]

. . . . .. .... . . .... .. .. . . .

 

 

Oppgave: Finn den hemmelige linken

Endret 27. april 2005 av drange_net

[Magnus Holm]

http://lagring.net/annet/primaxx.png

 

Jeg vant!!!

[pgdx]

http://lagring.net/annet/primaxx.png

 

Jeg vant!!!

Jukset du ved å bruke QUOTE-funksjonen?

[kroekkete]

http://lagring.net/annet/primaxx.png

 

Jeg vant!!!

Jukset du ved å bruke QUOTE-funksjonen?

EDIT: Så ordentlig ut i FF i sted. Må ha vært cachet...

Endret 27. april 2005 av primaxx

[ingveh]

En finn-linken-konkurranse. Litt Off-topic, men

[kroekkete]

En finn-linken-konkurranse. Litt Off-topic, men

Hvis noen lurer på Ingves innlegg: Jeg editerte bort (I mitt forrige innlegg): Hva har jeg gått glipp av?

 

Klønete...

[pgdx]

EDIT: Så ordentlig ut i FF i sted. Må ha vært cachet...

Ser fin ut i 800x600, men ikke i 1024x768!

[kroekkete]

EDIT: Så ordentlig ut i FF i sted. Må ha vært cachet...

Ser fin ut i 800x600, men ikke i 1024x768!

Problemet er at jeg ønsker at siden skal være midtstilt.

 

Må nok tenke litt mer her...