Avatar billede hermandsen Juniormester
04. januar 2005 - 02:52 Der er 11 kommentarer og
1 løsning

Venstre-margin problem ved <fieldset> og <legend>

Hej Eksperter, long time no see!! ;)

Jeg forsøger at få et <legend>-tag i mit <fieldset> flyttet helt ud til kanten af en <form>.

Har lavet et eksempel på http://hermandsen.homepage.dk/fieldset-test.html

I Firefox er det intet problem, men i IE, og selv Opera, bliver <legend>-tagget stående med en lille venstre-margin... Hvordan får jeg fjernet den margin??

//hermandsen
Avatar billede morteeart Nybegynder
04. januar 2005 - 02:56 #1
Først bør du undlade denne linje: <?xml version="1.0" encoding="iso-8859-1"?>
Den får IE (og vistnok også Opera) til at gå i Quirks mode, og ignorer doctype osv.

Derefter er det vel body margin du mangler at fjerne ?

body,html
{
margin: 0px;
padding: 0px;
}
Avatar billede hermandsen Juniormester
04. januar 2005 - 03:06 #2
Body-margin er ligegyldig, det er legend'ens margin der er problemet...

Jeg har også lige prøvet at bytte min doctype ud til en en standard HTML 4.1 strict doctype (hjalp ikke). Dog er den nuværende doctype XHTML 1.1, hvilket jeg tvivler på at Opera skulle have problemer med at forstå...
Avatar billede morteeart Nybegynder
04. januar 2005 - 03:10 #3
ups, misforstod lidt.

<?xml version="1.0" encoding="iso-8859-1"?> skal stadig ikke være der, fordi at hvis der står nogen som helst før <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> gør IE i Quirks mode. (Opera sikkert ligeså)

Tror min Opera er for gammel, den understøtter slet ikke fielset kommandoen rigtigt ?
(Hente lige den nyeste)
Avatar billede hermandsen Juniormester
04. januar 2005 - 03:13 #4
Så er det rettet, men fejlen kommer stadigvæk, både i IE og Opera... :(
Avatar billede morteeart Nybegynder
04. januar 2005 - 03:26 #5
Her er lidt flere artributter, men det ser ikke ud til at være muligt at rette dette.

http://www.htmlref.com/reference/appa/tag_legend.htm
Avatar billede hermandsen Juniormester
04. januar 2005 - 03:29 #6
Nope...
Det burde også kunne fikses i CSS!! ;)
Avatar billede notes2c Nybegynder
04. januar 2005 - 10:20 #7
Hvad med at sige:

* { margin: 0px; padding: 0px; }
Avatar billede hermandsen Juniormester
04. januar 2005 - 15:19 #8
>>notes2c
Har jeg også prøvet, no good...
Avatar billede notes2c Nybegynder
05. januar 2005 - 10:50 #9
Det forstår jeg ikke, det virker hos mig. Eller også er det mig som misforstår. Hvis det kun er legend som skal flyttes, kunne du måske bruge:

<legend style="margin-left: -8px;">Foobar</legend>
Avatar billede hermandsen Juniormester
05. januar 2005 - 11:38 #10
>>notes2c
Det er bare ikke helt fedt i Firefox... ;)
Desuden virker det heller ikke i Opera...

Hvis jeg til gengæld bruger text-indent, så fungerer den i Opera, men afstanden fra teksten til kanten er bare forskellig i de forskellige browserne så!! :(
Avatar billede notes2c Nybegynder
05. januar 2005 - 11:53 #11
Jamen det kan jeg da godt se, har desværre ikke andre ide'er
Avatar billede hermandsen Juniormester
23. marts 2005 - 13:34 #12
Lukker...
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