Søg
Avatar billede koch Nybegynder
03. marts 2005 - 01:46 Der er 5 kommentarer og
1 løsning

Padding i IE og Mozilla Firefox

Jeg har en kasse2 inde i kasse1. Hvis jeg vil sætte padding i kasse2 så teksten kommer længere ud fra kanten i denne kasse2, så gøres kasse2 ikke større i IE men det gøres den i Mozilla. Problemet er at hvis kasse2 gøres bredere ved at sætte padding så kommer kasse2 til at overskygge kanterne på kasse1.

Hvad er det korrekt og er der en måde så det kan komme til at virke hensigtsmæssigt i begge browsere?
Avatar billede olebole Juniormester
03. marts 2005 - 06:47 #1
<ole>

Nu er der godt nok ingen HTML-elementer, der hedder 'kasse' - så i princippet kan det være, hvad somhelst du taler om  :)

Anyway, så opfører Moz sig helt i overensstemmelse med CSS-standarden, som foreskriver, at såvel margin, padding som border skal lægges til elementets dimensioner.

At IE i dit tilfælde ikke forstår CSS' box-model, skyldes sikkert at du selv disable'er CSS-kompatibiliteten ved ikke at bruge en DTD - eller at bruge en uden URL. Prøv denne, så fungerer det sikkert:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
- så skal du dog være forberedt på, at skrive din CSS en hel del om, da IE så pludselig forstår CSS (nogenlunde godt).

Læs evt. mere under 'doctype switch' her:
  http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp

/mvh
</bole>
Avatar billede olebole Juniormester
03. marts 2005 - 06:50 #2
PS: Hvis din side er CSS-kompatibel, vil denne returnere 'CSS1Compat':
  alert(document.compatMode)

- ellers vil den i IE returnere 'backCompat' og i Opera 'QuirksMode'
Avatar billede koch Nybegynder
03. marts 2005 - 17:22 #3
Åh ja, det havde jeg glemt at sætte ind. Så virker det ;) Det var den eneste ting jeg skulle ændre, altså padding. Jeg takker. Du smider bare et svar...
Avatar billede olebole Juniormester
03. marts 2005 - 18:07 #4
"Ahhhhh ... Den havde jeg glemt at sætte ind"
Ja, det sagde det barnløse par også  ;D

*griiiiiiib*
Avatar billede koch Nybegynder
03. marts 2005 - 19:39 #5
;)
Avatar billede olebole Juniormester
03. marts 2005 - 21:01 #6
... takker  ;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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »