Højreboks flytter ned under indholdsboks i explorer 6

[larsm]

Jeg er ved at bygge hjemmeside på grundlag af en af dine gode skabeloner.

Nedenstående side vises i IE6 med højreboks under indholdsboksen, når text size står på "medium". Når den står på "smaller", smutter højreboksen op igen, hvor den bør være.

http://www.sprogkryds.dk/Index%20files/webkryds.html

Jeg har kikket i kildekoderne og sammenlignet med mine andre sider, hvor højreboksen altid står korrekt. Jeg kan ikke se nogen forskel i kildekoderne.

Har du et bud på en løsning ?

P.S. Tror problemet startede da jeg i KompoZer formindskede skriftstørrelsen i teksten i højreboksen.

[Kim Ludvigsen]

Jeg har lige siddet og kæmpet med det samme problem med menuen i denne tråd. Din side hjalp mig med at finde årsagen og en løsning.

Problemet er, at IE6 åbenbart har en anden standardindstilling, når indhold ikke kan være i en boks. I stedet for at lade indholdet gå ud over boksen, udvides boksen. Og når højrespalten udvides, kan den ikke være på sin plads og hopper derfor ned under indholdsboksen. Problemet i din højrespalte er ordet "tekstbehandlingsprogrammer".

Der er flere mulige løsninger:

Du kan prøve at omskrive teksten, så den ikke indeholder lange ord.

Du kan angive, at teksten skal klippes af, hvis den er for lang. Det gøres på denne vis:

Åbn siden i KompoZer
Åbn css-editoren
Markér stilreglen hoejrespalteindhold
klik på fanen Boks
Vælg skjult i rullemenuen Overflyd
Klik på OK
Overfør siden

Du kan også vælge at få vist rullebjælker på boksen, hvis indholdet ikke kan vises i den, men det er ikke så kønt i dette tilfælde. Det gøres ved at vælge auto i rullemenuen Overflyd.

Du har for øvrigt fået indsat dobbelte koder for de tre lister på siden. Åbn siden i kildekodevisning, og find de tre steder med koderne <ul><ul> og slet den ene kode, så der blot står <ul>. Du har ligeledes tre </ul></ul>, også her skal du slette den ene, så der blot står </ul>.

[larsm]

Tak for nyttig oplysning om problemets årsag. Jeg har rettet lidt i teksten og fjernet de lange ord. Nu sidder højreboksen, hvor den skal i IE6.

De dobbelte koder i listerne fremkommer, når jeg laver indryk af listerne. Hvis jeg ikke havde lavet indryk, ville man ikke have kunnet se bullets. Er det korrekt gjort ? Eller er der bedre alternativer ?

[Kim Ludvigsen]

De dobbelte koder i listerne fremkommer, når jeg laver indryk af listerne. Hvis jeg ikke havde lavet indryk, ville man ikke have kunnet se bullets. Er det korrekt gjort ? Eller er der bedre alternativer ?

Problemet med indrykningen skyldes hensyn til menuen, der også er lavet med en liste. Der er bedre alternativer end at lave et ekstra indryk, men jeg er lidt ophængt i øjeblikket. Kan du vente en uges tid? I så fald, og hvis du ikke har hørt fra mig i næste weekend igen, så mind mig lige om problemet.

[Gæst]

Hej Kim. Du bad mig minde dig om at skrive et lille indlæg om, hvordan jeg bør styre punktopstillinger, så de ikke flyder ud over boksens venstre kant. Hidtil har jeg brugt indryk, men du siger, der er smartere måder at gøre det på. Jeg har slået lyttebøfferne ud og venter spændt på dine guldkorn.

[Kim Ludvigsen]

Det må lige vente et par dage mere - jeg sidder og kæmper med en kraftig opdatering af mine Firefox-sider, hvilket tager længere tid end forventet. Prøv lige at minde mig om det igen torsdag, hvis jeg ikke fået svaret inden da.

Og undskyld, at det trækker ud.

[Kim Ludvigsen]

Ok, så er jeg tilbage.

Jeg har ikke helt så meget styr på det her, så jeg skulle bruge lidt ekstra tid for at sætte mig ind i det. Det er altså ikke af uvilje, at jeg har skubbet svaret ud, selvom jeg har svaret på andre indlæg.

Løsningen er egentlig ret nem:

Åbn siden i KompoZer

Åbn css-editoren

Opret en ny stil med navnet:
.indhold ul
(husk punktummet)

Klik på fanen Boks
ud for Margin, Venstre skriver du 20px - eller et andet passende tal.

Du skal så huske at fjerne de ekstra <ul> og </ul>-koder.

[larsm]

Hej Kim. Tak for vejledningen. Det var jo nemt, når man lige ved, hvordan man skal gøre. Det virker perfekt.