CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

alex_sleiborg Nybegynder

15. november 2009 - 17:14 Der er 13 kommentarer og
1 løsning

IE7 blockelement(h3)

Jeg har problemer med at få min side til at vises ens i IE7 og alle andre browsere.

Jeg har en h3 som er et block element

<div style="float: left; width: 179px; margin-left: 8px; border: 1px solid Black;">
<h3 style="color: #a11523; ">
Noget i h3
</h3>
</div>

I firefox vises den med noget "luft" imellem top div og tekst. Men i IE7 vises den helt oppe i højre hjørne af den div. Hvordan får jeg den til at vise det ens?

Og jeg vil helst undgå at skulle til at i gang med at skulle have 2 css filer

Synes godt om

keysersoze Guru

15. november 2009 - 17:23 #1

der kan være mange grunde til at ting ikke vises som ønsket - manglende doctype og invalid kode som de primære årsager. Alle elementer kan også have forskellig style som standard i forskellige browsere - du kan fx prøve at sætte margin: 0px og padding: 0px på din h3.

Synes godt om

Slettet bruger

15. november 2009 - 18:08 #2

<h3> er jo "sin egen" blok - hvorfor introducere du en <div> ?

- never give'em an opening!

Synes godt om

alex_sleiborg Nybegynder

23. november 2009 - 13:50 #3

Der er også mere i den div, end bare en h3. I kan se siden på test.piranya.dk. Det er den røde h3, hvor der står velkommen

Synes godt om

keysersoze Guru

23. november 2009 - 19:27 #4

Jeg kan ikke se nogen h3-elementer på det link?

Synes godt om

alex_sleiborg Nybegynder

02. december 2009 - 13:47 #5

Sorry, havde ikke lige fået updateret db. Der er et h3 element nu

Synes godt om

keysersoze Guru

02. december 2009 - 22:27 #6

prøv at sæt margin/padding på din h3

Synes godt om

alex_sleiborg Nybegynder

05. december 2009 - 12:11 #7

Kun faktisk ordne alle problemer så de ser fint ud i IE7 og alle andre browsere, med bare at sætte padding: 0px; og f.eks. margin-top 19px; Er det måden at opbygge alle sider på keyserzone? Smid et svar og mange tak

Synes godt om

keysersoze Guru

05. december 2009 - 13:00 #8

Det gælder i hvert fald om at have styr på sine styles (og html for den sags skyld) da der ellers let kan være større eller mindre forskelle browserne imellem.

Synes godt om

alex_sleiborg Nybegynder

05. december 2009 - 13:07 #9

Ja, men W3C validatoren sagde også før, at XHTML og CSS var korrekt. Men man skal åbenbart sætte padding: 0px; på det meste, før IE7 viser det korrekt. Men kan det lade sig gør, at få dem til at vise det 100% ens?

Synes godt om

keysersoze Guru

05. december 2009 - 13:24 #10

Valid kode er ikke ensbetydende med ens udseende browserne imellem - det gør bare sandsynligheden for det større. Hver browser kan sagtens have forskellig fortolkning af hvordan enkelte elementer vises som standard.

iøvrigt kan jeg ikke helt forstå valget af xhtml medmindre du af en eller anden grund er bundet op på det.

Synes godt om

alex_sleiborg Nybegynder

05. december 2009 - 13:29 #11

Okay, jeg troede egentlig, at de viste de forskellige elementer ens. Men jeg kan godt se, at der er nogle små variation på, hvordan de vises.

Du må meget gerne uddybe, hvorfor du ikke mener jeg skal bruge xhtml strict? Jeg er på ingen måde bundet op på det

Synes godt om

keysersoze Guru

05. december 2009 - 13:36 #12

HTML4 er anbefalede standard fra W3 - XHTML har været forsøgt søsat i mange år men projektet er stoppet og næste version vi kan forvente at få noget ud af er HTML5.

Synes godt om

alex_sleiborg Nybegynder

05. december 2009 - 13:49 #13

Var jeg egentlig ikke klar over, synes da at kunne se fordelene ved xhtml. Men jeg skifter når HTML5 kommer. Men tak for hjælpen

Synes godt om

keysersoze Guru

05. december 2009 - 13:54 #14

så fortæl mig om fordelene ved xhtml frem for html4.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS