problemer med bug i firefox

[Christian_]

jeg driver å lager en siden men har et lite problem..

http://home.no.net/chs89/firebug/

menyen som er der funker helt fint i både IE og opera men ikke i firefox

i firefox blir menyen helt teit og liten hva er galt?

 

css'en:

ul.menyliste {
margin: 0.3em 3px 0.3em 3px; 
}
ul.menyliste li {
width: 98%;
font-size: 0.9em;
text-indent: 6px;
background: #FF791A;
margin-bottom: 1px;
list-style-type: none;
border: 1px solid #000000; 
}
ul.menyliste li a {
width: 98%;
color: #000000;
text-decoration: none;
display: block;
}
ul.menyliste li a:hover {
background: orange;
}

 

takker for alle svar!

 

m.v.h Christian

[mohuhau]

Firefox har som default padding på ul i stedet for margin som ie og opera har. Du må dermed sette padding: 0; på ul.menyliste.

[Jesper Karsrud]

En fin regel man bør ha med hver gang man skriver CSS, er universal-selektoren:

* {
margin: 0;
padding: 0;
}

 

Da blir det margin og padding lik 0 på alle elementer som default. Legg til øverst i CSS dokumentet ditt

[Christian_]

hmm... den blir fortsatt veldig kort

hvorfro blir den det? har jo anngitt bredde 100%

[Christian_]

ingen som vet?

[Andreaz_]

ingen som vet?

Jeg klarer ikke å tenke helt klart i dag, men hva blir veldig kort?

 

edit: ik(k)e leif

Endret 23. desember 2004 av Dasse

[dan1el]

En fin regel man bør ha med hver gang man skriver CSS, er universal-selektoren:

* {
margin: 0;
padding: 0;
}

 

Da blir det margin og padding lik 0 på alle elementer som default. Legg til øverst i CSS dokumentet ditt

Det er jo bare teit, egentlig. Da må man jo definere margin + padding på alt...

[Andreaz_]

hvorfor ikke bare definere margin og padding der du skal ha 0 0...

[phanti]

Du slipper billig unna når du har mange elementområder og menyer med borders osv hvis du setter

* {
margin: 0;
padding: 0;
}

Hvis du da har en div med alt innhold så kan du jo sette en felles margin og padding for alle child elementer av content diven. Margin og padding må i de fleste tilfeller justeres uansett.. (i mange tilfeller)

[Christian_]

Du slipper billig unna når du har mange elementområder og menyer med borders osv hvis du setter

* {
margin: 0;
padding: 0;
}

Hvis du da har en div med alt innhold så kan du jo sette en felles margin og padding for alle child elementer av content diven. Margin og padding må i de fleste tilfeller justeres uansett.. (i mange tilfeller)

har gjort det

og det ble bedre i firefox men ikke bra nok.. den er fortsatt ikke 98% i width

[Cucum(r)]

Det er jo bare teit, egentlig. Da må man jo definere margin + padding på alt...

Ja, men siden dagens browsere har ulike verdier på de forskjellige egenskapene, er dette lurt å gjøre.

 

Andrew Krespanis har skrevet en fin artikkel om dette emnet, under tittelen «Global White Space Reset».

[Steinmann]

har du satt bredden på det elementet ul, og li?

html. body { width: 100%; height: 100% }

pleier å løse mange små og store problemer for meg (y)