Hjælp til dropdown menupanel i IE7
Jørgen Farum Jensen
menuer, og er rendt i et problem med visningen i
Internet Explorer 7.
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks08.html
viser dropdownmenuen som h�jrestillet i en h�jrefloat'et
spalte. Den virker som forventet.
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06.html
viser den samme menu, men nu i en venstrefloat'et spalte.
Den virker ogs� som forventet, undtagen i IE7.
Jeg kan huske at jeg er st�dt p� problemet f�r, men kan
ikke for min d�d huske l�sningen.
I begge tilf�lde er stylesheet'et for selve menuen ind-
lejret i dokumentet. Det stylesheet, der formaterer
siden, er
http://webdesign101.dk/www/cssmenu/dropdownmenu/commonpage.css
--
Med venlig hilsen
J�rgen Farum Jensen
H�ndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
.
Jørgen Farum Jensen
> http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06.html
> viser den samme menu, men nu i en venstrefloat'et spalte.
> Den virker ogs� som forventet, undtagen i IE7.
<snip- snip>
> I begge tilf�lde er stylesheet'et for selve menuen ind-
> lejret i dokumentet. Det stylesheet, der formaterer
> siden, er
> http://webdesign101.dk/www/cssmenu/dropdownmenu/commonpage.css
Og det er her hunden ligger begravet:
Indtrykket af lige h�je kolonner er opn�et
med f�lgende stylesheet
div#container {overflow:hidden;}
#menucol, #indhold {
padding-bottom:12000px;
margin-bottom:-12000px;}
Hvis jeg i stedet for denne metode bruger
"Faux Column" metoden til at skabe indtryk
af lige h�je kolonner er der ingen problemer,
jf.
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06a.html
Men det er i mine �jne et tilbageskridt. S� hvis
nogen har en forklaring - eller i bedste fald et
IE7 hack - h�rer jeg meget meget gerne om det.
Erik Ginnerskov
> http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06a.html
404
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk
Jørgen Farum Jensen
> J�rgen Farum Jensen wrote:
>
>> http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06a.html
>
> 404
>
Det hj�lper altid p� tingene hvis man faktisk ogs�
uploader de sider, man skriver om...
Repetition:
Det drejer sig om visningen af et dropdown menupanel
i Internet Explorer 7 p� en side med en venstrefloatet
menuspalte:
Layout 1:
http://localhost/www/cssmenu/dropdownmenu/eks06.html
I dette eksempel forsvinder indholdet, n� musen f�res
ind over menupanelet.
Indtrykket af lige h�je kolonner er opn�et med f�lgende
stylesheet:
div#container {overflow:hidden;}
#menucol, #indhold {
padding-bottom:12000px;
margin-bottom:-12000px;}
Layout 2:
http://localhost/www/cssmenu/dropdownmenu/eks06a.html
I dette eksempel er der ikke tilstr�bt lige h�je
kolonner. Spaltestregen er skabes af en border-left p�
artikel-elementet.
Layout 3:
http://localhost/www/cssmenu/dropdownmenu/eks06b.html
I dette eksempel er de to metoder kombineret, idet
<IE7 pr�senteres for layout nr. 2, mens alle andre
browsere pr�senteres for layout nr. 1.
Jeg imidlertid ikke frig�re mig fra tanken om at der
m� v�re et hack, der g�r det muligt at f� IE7 til at
te sig som IE8 eller andre moderne browsere som de
skal i henhold til layout 1.
Problemet opst�r ved at #menucol udvides i bredden,
n�r en undermenu skal vises (tydeligt i web developer
til FF).
Kerim Ellentoft
>Det hj�lper altid p� tingene hvis man faktisk ogs�
>uploader de sider, man skriver om...
> (Snip)
>Layout 1:
>http://localhost/www/cssmenu/dropdownmenu/eks06.html
> (Snip)
>Layout 2:
>http://localhost/www/cssmenu/dropdownmenu/eks06a.html
Hvordan synes du, det g�r?
--
Kerim
http://www.facebook.com/kerim.ellentoft
Stig Johansen
>>Det hj�lper altid p� tingene hvis man faktisk ogs�
>>uploader de sider, man skriver om...
>> (Snip)
>>Layout 1:
>>http://localhost/www/cssmenu/dropdownmenu/eks06.html
>> (Snip)
>>Layout 2:
>>http://localhost/www/cssmenu/dropdownmenu/eks06a.html
>
> Hvordan synes du, det g�r?
Hvad mener du med det?
Jeg kan da fint tilg� min localhost, dog ikke de sider J�rgen henviser til.
<sarkasm off> - og god jul.
--
Med venlig hilsen
Stig Johansen
Jørgen Farum Jensen
> Hvordan synes du, det g�r?
Ik' for godt :-). En gang til
Repetition:
Det drejer sig om visningen af et dropdown menupanel
i Internet Explorer 7 p� en side med en venstrefloatet
menuspalte:
Layout 1:
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06.html
I dette eksempel forsvinder indholdet, n� musen f�res
ind over menupanelet.
Indtrykket af lige h�je kolonner er opn�et med f�lgende
stylesheet:
div#container {overflow:hidden;}
#menucol, #indhold {
padding-bottom:12000px;
margin-bottom:-12000px;}
Layout 2:
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06a.html
I dette eksempel er der ikke tilstr�bt lige h�je
kolonner. Spaltestregen er skabes af en border-left p�
artikel-elementet.
Layout 3:
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06b.html
Kerim Ellentoft
>Jeg kan da fint tilg� min localhost, dog ikke de sider J�rgen henviser til.
>
><sarkasm off> - og god jul.
Nu holder jeg jo ikke jul, men tak for det og vil da s� og� sige
God Jul til dig.
--
Kerim
http://www.facebook.com/kerim.ellentoft
Erik Ginnerskov
>
>> Hvordan synes du, det g�r?
>
> Ik' for godt :-). En gang til
>
> Repetition:
> Det drejer sig om visningen af et dropdown menupanel
> i Internet Explorer 7 p� en side med en venstrefloatet
> menuspalte:
Hvis du s�tter position:relative; og z-index:6; p� menuen, kan den s� lade
v�re med at skubbe det hele allerhel..... langt ned ved hover i IE 7?
Jørgen Farum Jensen
> J�rgen Farum Jensen wrote:
>> Kerim Ellentoft skrev:
>>
>>> Hvordan synes du, det g�r?
>>
>> Ik' for godt :-). En gang til
>>
>> Repetition:
>> Det drejer sig om visningen af et dropdown menupanel
>> i Internet Explorer 7 p� en side med en venstrefloatet
>> menuspalte:
>
> Hvis du s�tter position:relative; og z-index:6; p� menuen, kan den s�
> lade v�re med at skubbe det hele allerhel..... langt ned ved hover i IE 7?
>
Desv�rre ikke.
Jeg har lige opdaget, at fejlen ogs� opst�r i IE8,
hvis man bruger kompatibilitetsknappen og dermed s�tter
IE8 i IE7 modus.
Pause ---
BANG BANG BANG lyden af mit hoved der knalder ned
i skrivebordet!
L�sningen er: left-float af div#menucol ul.
Hvorfor: Siden har ingen sidefod. Derfor clear'es
container-elementet ikke. Hvad er det der skal clear'es?
#menucol. Det virker ikke. S� for sjov pr�ver man lige
at floate /indholdet/ af #menucol. Bingo. Det er jul,
afsted til det r�de hav!
Jeg gider ikke lige nu spekulere det helt igennem.
Det kan jeg g�re ved poolkanten...
Den reviderede side er uploadet som
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks06.html
Der mangler lidt afpudsning af koden, men ogs� det f�r
vente til senere.