Avatar billede eikhorsholm Nybegynder
14. november 2006 - 09:28 Der er 9 kommentarer og
1 løsning

Margin, størrelse o. lign.

Jeg har (I XHTML 1.0 Strict) et problem med hhv. en <div> og et <input type="text"... />

Min <div> har åbenbart en form for margen hvis jeg har det stående lige under et billede i Firefox, ikke i IE.
Jeg har prøvet med margin: 0px; men uden held.

Min <input type="text"... /> er åbenbart 302px bred, selvom jeg sætter den til width: 300px i Firefox, ikke i IE.

Nogn idéer?
Avatar billede olebole Juniormester
14. november 2006 - 09:31 #1
<ole>

Form-elementers rendering er ikke standardiseret, så dem vil browsere altid vise lidt forskelligt.

Hvad angår div og billede, så læg et link, så vi kan se, hvad du mener  =)

/mvh
</bole>
Avatar billede jokkejensen Novice
14. november 2006 - 09:40 #2
mht til tekstfelt.. så er det fordi at firefox læser det som

300px + 1px border-right + 1px border-left..

du kan evt, på en ugly måde skrive:
input
{
width: 298px !important; /*Til FF*/
width: 300px; /* Til IE */
}
Avatar billede olebole Juniormester
14. november 2006 - 09:53 #3
jokke >> sådan bør alle browsere rendere ... border skal altid lægges til bredden. Det gør IE også, hvis man bruger en fuld DTD - og det gør man naturligvis, så man undgår forskelle  ;o)
Avatar billede jokkejensen Novice
14. november 2006 - 10:08 #4
han skriver godt nok xhtml, så mon ikke..

har lige testet og ie har godt nok default 1px padding - hvor firefox har 0.

.. så padding:0px;

skulle gøre det..
Avatar billede olebole Juniormester
14. november 2006 - 10:41 #5
Hvis han skriver en XML-deklaration først - og det skal man jo strengt taget ved XHTML - så går IE6 i quirks mode ... hvilket betyder, at CSS er disabled. At der så stort set ikke findes en browser, der understøtter XHTML, gør, at man roligt kan udelade XML-deklarationen  ;o)

Somregel er der også vrøvl med at få selects, textareas og inputs lige bredde  :)
Avatar billede eikhorsholm Nybegynder
14. november 2006 - 15:39 #6
padding: 0px; løste problemet med størrelsen på elementet :-)

Min kode for billedet og min <div> ser således ud:
<img alt="" src="img/titel.gif" /><br />
<div class="br"><input class="input_br" name="titel" type="text" value="Skriv her" /></div>
Avatar billede eikhorsholm Nybegynder
14. november 2006 - 15:40 #7
Hvis jeg sletter <br /> så kommer mellemrummet også i IE, men med <br /> løser det problemet med mellemrummet i IE, men ikke i Firefox.
Avatar billede olebole Juniormester
14. november 2006 - 15:59 #8
Ahhhh ... gammel, kendt fejl - men det er unægteligt svært at vide, når spørgere insisterer på at holde deres kode hermetisk tæt til kroppen  ;o)

style="display:block" på billedet - og væk med <br /> ... det løser problemet i IE. Til gengæld kan jeg umuligt få FF til at lave den pågældende fejl. hverken med eller uden <br />.

Mon ikke det er ved at være på tide at lægge det link?  :)
Avatar billede eikhorsholm Nybegynder
14. november 2006 - 17:35 #9
Det løste problemerne :-D
TAK TAK TAK!

olebole og jokkejensen, laver I lige et svar ;-)
Avatar billede olebole Juniormester
15. november 2006 - 15:17 #10
Selvtak  ;o)
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