Kandu.dk - floatfejl


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

floatfejl
Fra : Erik Ginnerskov

Dato : 07-09-03 17:39

Hej NG

Hvis jeg ikke allerede var hvidhåret, ville dette problem give mig grå hår i
hovedet. Siden er:

www.hjemmesideskolen.dk/html/testsider/floattest.asp

IE (6) viser sidens topbar, menu og indhold på tiltænkt position, men kan
ikke finde ud af at vise sidens baggrunde rigtigt.

Opera (7.11) viser baggrundene korrekt men flytter menuen 80 px ned i
forhold til forventet position og flytter sidens indhold ned under menuen.

Mozilla (1.3) flytter topbaren og menuen 6 px ned i forhold til ønsket
placering og viser sidens indhold under menuen lige som Opera.

Sidens css er her:

www.hjemmesideskolen.dk/hss.css

Jeg kan få menuen op på plads i Opera ved at fjerne margin-top:80px på
menuen, men så kommer menuen for højt op i IE og Mozilla

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Anders Thorsen Holm (07-09-2003)

Kommentar
Fra : Anders Thorsen Holm

Dato : 07-09-03 17:55

Erik Ginnerskov wrote:

> Hvis jeg ikke allerede var hvidhåret, ville dette problem give mig
> grå hår i hovedet. Siden er:
>
> www.hjemmesideskolen.dk/html/testsider/floattest.asp

Dit <form>-element afsluttes forkert - eller en div startes et
forkert sted, alt efter, hvordan man ser på det.

En validering af siden giver følgende fejl:

1. Line 45, column 6: end tag for "div" omitted, but OMITTAG NO was
specified

</form>
^

2. Line 23, column 0: start tag was here (explain...).
<div class="menu">
^

3. Line 54, column 10: there is no attribute "styl" (explain...).
<div styl="clear:both">
^
4. Line 115, column 5: end tag for element "div" which is not open
(explain...).
</div>
^
Måske vil en korrektion af ovenstående fejl kunne løse problemet.

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

Erik Ginnerskov (08-09-2003)

Kommentar
Fra : Erik Ginnerskov

Dato : 08-09-03 00:18

"Anders Thorsen Holm" <zoolook@daimi.au.dkx> skrev
> Dit <form>-element afsluttes forkert - eller en div startes et
> forkert sted, alt efter, hvordan man ser på det.
> Måske vil en korrektion af ovenstående fejl kunne løse problemet.

Nu har jeg så opnået at Mozilla og Opera viser det forkert på samme måde:

Topbar og menu er rykket 6px ned og indhold står under menuen.

IE viser det stadig forkert på sin måde:

Baggrunden vises forkert.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Jens Gyldenkærne Cla~ (08-09-2003)

Kommentar
Fra : Jens Gyldenkærne Cla~

Dato : 08-09-03 09:22

Erik Ginnerskov skrev:

> Topbar og menu er rykket 6px ned

Det kan jeg ikke umiddelbart forklare.

> og indhold står under menuen.

Det er til gengæld ganske logisk. Din menu-div er floatet fint, men
den ligger inde i en anden div med clear: both;. Først efter denne
div kommer din indholds-div - som derfor skal ryge ned under
menuen.

Enten skal indholds-div'en ind ved siden af menu-div'en (ind i den
med clear: both;) eller også skal clear-div'en helt fjernes.

> IE viser det stadig forkert på sin måde:
>
> Baggrunden vises forkert.

Det ser udmærket ud her - der mangler bare baggrund for neden (det
er måske også det der er problemet.

I øvrigt så er peakcounteren placeret oven i det sidste menupunkt i
Mozilla.
--
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

Erik Ginnerskov (08-09-2003)

Kommentar
Fra : Erik Ginnerskov

Dato : 08-09-03 20:37

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i

> Det er til gengæld ganske logisk. Din menu-div er floatet fint, men
> den ligger inde i en anden div med clear: both;. Først efter denne
> div kommer din indholds-div - som derfor skal ryge ned under
> menuen.

Forkert. Body i asp-filen ser sådan ud:

<body>
<div id="topbar">
<div class="headline"><img src="../../images/headline.gif" width="430"
height="48" alt="" />
</div>
</div>
<div style="clear:both">
<div id="menu"></div>
<div id="indhold"></div>
</div>
</body>

> > IE viser det stadig forkert på sin måde:
> > Baggrunden vises forkert.
>
> Det ser udmærket ud her - der mangler bare baggrund for neden (det
> er måske også det der er problemet.

Netop. det storternede område skal kun fylde 4 tern fra toppen = 80 px.
Mozilla og Opera viser baggrundene rigtigt, bortset fra at de rykker
topbaren 6 px ned.

> I øvrigt så er peakcounteren placeret oven i det sidste menupunkt i
> Mozilla.

Det er netop en følge af, at det hele rykkes de 6 px ned i forhold til
vinduets øverste kant. Counteren er (lige som topbarens indhold) pt. sat med
absolut positionering.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Jens Gyldenkærne Cla~ (08-09-2003)

Kommentar
Fra : Jens Gyldenkærne Cla~

Dato : 08-09-03 21:02

Erik Ginnerskov skrev:

> <div style="clear:both">
> <div id="menu"></div>
> <div id="indhold"></div>
> </div>

Prøv at tjekke indholdet i dine include-filer. Den opbygning du
skitserer ovenfor holder ikke når includefilerne er indsat.

Du har - i den genererede html-kode:

<div>
<div id="menu"><a class="mlink" ....>
[ en masse menulinks ]
</div></div>

<div id="indhold"><h1 style="margin-bottom:3px">Eksempel på brug af
float</h1>

#Menu og #indhold er floatet - men den unavngivne div udenom menu
er _ikke_ floatet - og den er heller ikke uden om #indhold.

Det er i øvrigt ganske let at se med Mozillas DOM inspector (sorry,
men jeg kan ikke lade være med at gøre reklame).
--
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

Erik Ginnerskov (08-09-2003)

Kommentar
Fra : Erik Ginnerskov

Dato : 08-09-03 23:23

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev
> Prøv at tjekke indholdet i dine include-filer. Den opbygning du
> skitserer ovenfor holder ikke når includefilerne er indsat.

Det må jeg kigge meget nærmere på i morgen. Nu kan jeg dårligt se ud af
øjnene.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Erik Ginnerskov (09-09-2003)

Kommentar
Fra : Erik Ginnerskov

Dato : 09-09-03 11:35

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev
>
> Prøv at tjekke indholdet i dine include-filer. Den opbygning du
> skitserer ovenfor holder ikke når includefilerne er indsat.
>
> #Menu og #indhold er floatet - men den unavngivne div udenom menu
> er _ikke_ floatet - og den er heller ikke uden om #indhold.

En oprydning har nu resulteret i, at der kun er to fejl tilbage:

I IE 5.5 og 6 får jeg en vandret scrollbar, men kan ikke få øje på, hvad der
udløser den.

I Mozilla 1.2.1 og 1.3 og Opera 7.11 er <div id="indhold"> stadig indsat
under <div id="menu> i stedet for ved siden af.

Af uransaglige årsager viser Opera 6.05 derimod siden som ønsket
(tilnærmelsesvis - der er lidt problem med at få <div id="indhold"> til at
udnytte hele bredden i det åbne vindue).

> Det er i øvrigt ganske let at se med Mozillas DOM inspector (sorry,
> men jeg kan ikke lade være med at gøre reklame).

Helt ok, bruger den selv (men havde glemt at gøre det her) og flere burde
gøre det. DI afslørede i øvrigt, at det var form-elementet, der var årsag
til den mærkelige nedrykning af topbar og menu. Med en margin:0 var det
løst.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Erik Ginnerskov (09-09-2003)

Kommentar
Fra : Erik Ginnerskov

Dato : 09-09-03 11:55

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev
>
> En oprydning har nu resulteret i, at der kun er to fejl tilbage:
>
> I IE 5.5 og 6 får jeg en vandret scrollbar, men kan ikke få øje på, hvad
der
> udløser den.
>
> I Mozilla 1.2.1 og 1.3 og Opera 7.11 er <div id="indhold"> stadig indsat
> under <div id="menu> i stedet for ved siden af.

Doo. Hvis jeg ellers gad læse mit eget kursusmateriale, så skal <div
id="indhold"> tildeles en bredde, for at den kan floate op ved siden af <div
id="menu">

Nu er der kun indholdsbredden i Opera 6.05 og det kan jeg leve med.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Erik Ginnerskov (08-09-2003)

Kommentar
Fra : Erik Ginnerskov

Dato : 08-09-03 20:53

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev

> <div style="clear:both">

Har nu slettet clear:both uden at det ændrede noget.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

Søg

Reklame

Statistik

Spørgsmål :	177560
Tips :	31968
Nyheder :	719565
Indlæg :	6408952
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste