|
|
 | dobbelt op på margin i IE6
Fra : Ronni |
Dato : 17-11-04 11:55 |
|
Jeg har et <div> i et andet<div>.
<div class="frame">
<div class="menu">
</div menu>
</div frame>
"menu" har en left-margin på 10px. Det virker også fint i
firefox, men i IE6 bliver den margin fordoblet til en afstand på
20px. Skriver jeg 40px i mit stylesheet, bliver afstanden til
80px.
Bruger jeg padding i stedet, er der intet problem.
Hvad er årsagen til dette, og hvordan får jeg det ens i begge
browsere.
Min Doctype er:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
" http://www.w3.org/TR/html4/strict.dtd">
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
 Martin Hintzmann And~ (17-11-2004)
| Kommentar
Fra : Martin Hintzmann And~ |
Dato : 17-11-04 13:42 |
|
Ronni wrote:
> Jeg har et <div> i et andet<div>.
>
> <div class="frame">
> <div class="menu">
> </div menu>
Øh... </div menu>?... bare nøjes med </div>
> </div frame>
>
Samme her </div>
Nu ved jeg ikke om ovenstående bare er en skrive fejl, men ellers sørg
altid for at validere din HTML. F.eks. her: http://validator.w3.org/
> "menu" har en left-margin på 10px. Det virker også fint i
> firefox, men i IE6 bliver den margin fordoblet til en afstand på
> 20px. Skriver jeg 40px i mit stylesheet, bliver afstanden til
> 80px.
Er du sikker på at du ikke har noget mere CSS på den?
F.eks. float?
Der er ihvertfald en bug i IE, med float og margin. Den kan du læse om her:
http://www.positioniseverything.net/explorer/doubled-margin.html
PS. Husk altid at give et link til et online eksempel.
--
Martin Hintzmann Andersen
http://www.hintzmann.dk/
| |
Ronni (17-11-2004)
| Kommentar
Fra : Ronni |
Dato : 17-11-04 15:20 |
|
> > Jeg har et <div> i et andet<div>.
> >
> > <div class="frame">
> > <div class="menu">
> > </div>
>
> Øh... </div>?... bare nøjes med </div>
Det er kun for selv at kunne holde styr på mine div's.
> Er du sikker på at du ikke har noget mere CSS på den?
> F.eks. float?
> Der er ihvertfald en bug i IE, med float og margin. Den kan du læse om her:
> http://www.positioniseverything.net/explorer/doubled-margin.html
Tusind tak, det hjalp med en display:inline; Genialt!
> PS. Husk altid at give et link til et online eksempel.
http://www.designi.dk/2004/
Mit problem nu er Firefox. Min "main div" vil ikke tilpasse sig indholdet.
Jeg ved ikke hvad jeg gør galt.
http://www.designi.dk/2004/
Mvh
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
 Knud Gert Ellentoft (17-11-2004)
| Kommentar
Fra : Knud Gert Ellentoft |
Dato : 17-11-04 15:58 |
|
Ronni skrev:
>Det er kun for selv at kunne holde styr på mine div's.
Find en anden måde at gøre det på, det er absolut ikke valid
kode.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
Allan Vebel (17-11-2004)
| Kommentar
Fra : Allan Vebel |
Dato : 17-11-04 21:49 |
|
Ronni <ronni@designi.dk> skrev:
> Det er kun for selv at kunne holde styr på mine div's.
Du kan lovligt gøre sådan i stedet:
<div class="frame">
<div class="menu">
</div> <!-- slut på menu-div -->
</div> <!-- slut på frame-div -->
--
Allan Vebel
Hjælp os til nye aktuelle artikler og faq-svar - skriv til
http://html-faq.dk/kontakt.asp
| |
Steen (17-11-2004)
| Kommentar
Fra : Steen |
Dato : 17-11-04 15:14 |
|
Ronni wrote:
> "menu" har en left-margin på 10px. Det virker også fint i
> firefox, men i IE6 bliver den margin fordoblet til en afstand på
> 20px. Skriver jeg 40px i mit stylesheet, bliver afstanden til
> 80px.
Du har garanteret også float:left på din menu? Det er en klassisk IE6
rendering bug. Du får det også med margin-right og float:right. Men det er
kun det første element; efterfølgende elementer med margin og float får de
rigtige margener.
Løsningen er enten, hvis man kan, at bruge padding i stedet, eller at lægge
et andet element udenom, floate det, og så sætte margin på elementet indeni.
Mvh Steen
| |
Ronni (17-11-2004)
| Kommentar
Fra : Ronni |
Dato : 17-11-04 17:35 |
|
> Løsningen er enten, hvis man kan, at bruge padding i stedet, eller at lægge
> et andet element udenom, floate det, og så sætte margin på elementet indeni.
Eller som martin svarede tidligere: indsætte "{display: inline;}" på det
første floatelement=
http://www.positioniseverything.net/explorer/doubled-margin.html
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
|
|