Avatar billede Slettet bruger
21. oktober 2008 - 21:39 Der er 25 kommentarer og
1 løsning

Firefox 3 viser menubjælken så sidste menupunkt flyttes ned

Hjælp FF3 viser ikke min menu korrekt og jeg kan ikke finde fejlen. Jeg har valideret koden og den skulle være ok her har i et link http://www.complementum.dk
Avatar billede w13 Novice
21. oktober 2008 - 21:52 #1
Du må nok lige specificere den præcise fejl, så vi ikke snakker forbi hinanden.

Når jeg ser siden i FF 3.0.3, så ligger "Links"-punktet under "Forside", er det det samme, du oplever?

Det skyldes vel blot, at der ikke er plads til det sidste punkt i menuen. =) Så må du give det mere plads eller gøre det smallere.
Avatar billede zips Juniormester
21. oktober 2008 - 22:32 #2
Prøv dette hvor clear:both laver det mellemrum under din menu som vises i IE7 og ikke er der i FF3, css gør at menuen kan være i berden så den ikke hopper ned på næste linje.

Sæt <div style="clear:both"></div> ind lige før din slut div som her
</ul><div style="clear:both"></div></div>

Ændre disse værdier i din css

#navbar li {
  width:10.91em;

#navbar ul li a {
  width:10em;

#navbar ul ul {
  width:10em;
Avatar billede Slettet bruger
21. oktober 2008 - 22:33 #3
hej w13
Det er korrekt. Problemet er bare at det vises rigtigt i IE7 så jeg ved ikke hvilken del i css jeg skal rette i. Jeg tror at definitionen i div#box2 kambolere med .navbar de står begge med en width 66em
Avatar billede w13 Novice
21. oktober 2008 - 22:34 #4
em tolkes forskelligt af de forskellige browsere, så det kan meget vel være det. Derfor bør man altid bruge px frem for em og pt.
Avatar billede olebole Juniormester
21. oktober 2008 - 22:50 #5
<ole>

Nej, man bør ikke sætte skriftstørrelser i 'px' eller 'pt', men i 'em'  =)

'pt' er helt håbløst understøttet og giver ikke rigtig mening i skærmkontekst (vi har arvet den fra trykkeribranchen).

'px' låser teksten fast i visse browsere, hvilket ikke er ønskeligt.

'em' giver skallerbar tekst, men da default tekststørrelsen er en anelse forskellig i de forskellige browsere, må man sætte default størrelsen. F.eks:

html {font-size:12px}
body {font-size:1em}

- så kan du bruge 'em' med ens resultat i forskellige browsere og opnå skallerbar tekst  ;o)

/mvh
</bole>
Avatar billede Slettet bruger
21. oktober 2008 - 22:55 #6
Hej zips

det funker ikke rigtigt i IE7 og FF3
da jeg fjernede ><div style="clear:both"></div> blev det bedre se link
Avatar billede zips Juniormester
21. oktober 2008 - 22:55 #7
Avatar billede w13 Novice
21. oktober 2008 - 23:18 #8
Ole>> Jo, men i dette tilfælde er det jo ikke tekst, men li-bredder. Ville px så ikke være mere ønskeligt?
Avatar billede Slettet bruger
22. oktober 2008 - 00:45 #9
Hej Allesammen
Tak for hjælpen og jeg er kommet tæt på at IE7 og FF3 ser ens ud zips har simpelhen sat width 131 px og det ser næsten ud som på IE7 undervejs skete der noget så nu ser det ud :-(
Avatar billede zips Juniormester
22. oktober 2008 - 00:49 #10
Ja jeg kan godt se den er ikke helt godt ud nu, men du kan få min css og så lægge den clear:both ind så burde den være der.

Grunden til jeg har lagt 131px ind er at den ikke kom helt ud i FF3 men fint i IE6 og IE7 men 10.91em
Avatar billede zips Juniormester
22. oktober 2008 - 00:56 #11
Fejlen i din css nu er du har slettet /* f'r og efter  Ã&#134;ndring ret det og vores css er helt ens, læg nu dette <div style="clear:both"></div> ind mellem din </ul> </div>

#navbar li {
  position:relative;
  width:131px;
  line-height:1em;
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  border-bottom:none;  Ã&#134;ndring
  border-right:1px solid black;
  background-color:#efefef;}
Avatar billede olebole Juniormester
22. oktober 2008 - 01:01 #12
w13 >> Jeg sætter vist selv alt for ofte dimensioner i 'px'. Mange gange bør elementerne jo også skallere, når teksten gør det ... selvom det kan komme til at ligne tynd gnubabybæ  =)
Avatar billede Slettet bruger
22. oktober 2008 - 09:55 #13
zips du har været en stor hjælp. Ved du hvad der gør at der kommer en hvid streg inde i banner boxen på FF3. Jeg synes at du skal sende mig et svar så du kan få dine point. Tak også til jer andre for jeres kommentarer.MVH benefaktor
Avatar billede Slettet bruger
22. oktober 2008 - 09:59 #14
Jeg har også opdaget et mindre problem. I FF3 hopper siden frem og tilbage når man hopper rundt i menuen. Har I en ide om det?
Avatar billede w13 Novice
22. oktober 2008 - 10:41 #15
Mon ikke bannerboksen bare er for høj? (Jeg bruger Safari, men ser også den hvide streg nederst i boksen.)

Jeg kan dog ikke få siden til at hoppe, når jeg bruger menuen i FF3.
Avatar billede olebole Juniormester
22. oktober 2008 - 11:29 #16
w13 >> korrekt! Sættes den til en højde på 133px, funker det fint  =)
Avatar billede Slettet bruger
22. oktober 2008 - 11:31 #17
w13 jeg havde det på fornemmelsen med banneret, så jeg vil esperimentere med det. Jeg oplever det når siden er så lang at der kommer scrollbar ellers ikke. Jeg under mig over at det ikke har indflydelse på IE
Avatar billede w13 Novice
22. oktober 2008 - 11:39 #18
Nu har vi jo ikke mulighed for at se siden med mere indhold end det, du viser, men jeg har gjort vinduet mindre, så der kommer scrollbars, men jeg oplever stadig ikke problemet, når jeg bruger menuen.

Hvad burde have indflydelse på IE?
Avatar billede Slettet bruger
22. oktober 2008 - 11:40 #19
Tak den er rettet så nu ser det ens ud i FF3 +IE7 ;-)
Avatar billede Slettet bruger
22. oktober 2008 - 11:41 #20
w13>> At der kommer skrollbar på vinduet.
du kan se hvad jeg mener på linket http://www.complementum.dk/Ydelser/identitetscoach.html
Avatar billede w13 Novice
22. oktober 2008 - 11:45 #21
Der er stadig ikke noget, der hopper i FF3 hos mig, men jeg bruger også Mac, så det kan være det, der giver forskellen.
Avatar billede zips Juniormester
22. oktober 2008 - 12:20 #22
Det at side hopper frem og tilbage i FF3 er det ikke fordi der ikke er scroll og så når der er scroll på i højre side, IE har altid denne scroll bar men ikke FF3 og så vil siden rykke det stykke hvergang man går ind på en side som giver scroll
Avatar billede olebole Juniormester
22. oktober 2008 - 12:21 #23
Det gør det heller ikke hos mig (FF 3.0.3 på WinXP) - og zips nåede lige at give dig forklaringen på forskellene mellem IE og FF, hvad scrollbars angår  ;o)
Avatar billede olebole Juniormester
22. oktober 2008 - 12:23 #24
Du kan godt sørge for, FF også altid sætter plads af til vertikal scrollbar:

html {
    overflow-y: scroll;
    -moz-scrollbars: vertical; /* ældre Moz'er */
}
Avatar billede zips Juniormester
22. oktober 2008 - 12:58 #25
Her er et svar, men deler gerne point med andre :)
Avatar billede Slettet bruger
22. oktober 2008 - 14:14 #26
Tak allesammen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester