Notifikationer

Markér alle som læst Log ud

dan_n Nybegynder

30. maj 2005 - 22:35 Der er 5 kommentarer og
2 løsninger

forskellig position i firefox og IE ?

Hey

Jeg har siddet og nørdet lidt med en ny side. Men er stødt ind i et irreterende problem. Firefox og IE fortolker jo css på hver deres måde og dette har jeg taget højde for et par steder.

Men jeg mangler en ting, hvor jeg lige meget hvor meget jeg forsøger, absolut ikke kan få browserne til at vise det bare nogenlund ens.

en forsimplet version af siden kan ses her:
http://www.skitips.dk/exp/30-05-05/crossbrowser.htm

Problemmet har jeg illustreret i et sammensat screenshot:
http://www.skitips.dk/exp/30-05-05/screenshot.png

Det er nederst på siden omkring min #footer (markeret med den pinke firkant, på screenshot'et). Det er den måde IE fortolker det på, jeg gerne vil have overført til firefox.

Er der nogle som har et foreslag til hvordan det kan løses ?

Synes godt om

olebole Juniormester

30. maj 2005 - 22:44 #1

<ole>

Årsagen til, IE og andre browsere viser dine sider forskelligt, er, at du selv disable'er CSS i dit dokument i IE :)

Brug denne DTD i stedet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

- og ret så dit dokument, så det vises, som du ønsker ... så vil det være næsten ens i IE og FF.

Uden URL'en i DTD'en er der store dele af CSS, IE ikke kan tolke korrekt

/mvh
</bole>

Synes godt om

olebole Juniormester

30. maj 2005 - 22:46 #2

Du bør i øvrigt overholde HTML-standarden og undlade XML-lukninger på dine tags (denne -> ' />')

Synes godt om

dan_n Nybegynder

30. maj 2005 - 22:57 #3

Fair nok, det var da en god ting af så med. Desværre er boks problemmet med forskydning af #footerboxen er uændret ?

Synes godt om

olebole Juniormester

30. maj 2005 - 23:47 #4

Til en start skal du nok give de to div 'boxtop' og 'boxbottom': 'font-size:0;line-height:0' - og så skriv et ' ' i begge div.

Derudover bør du slette alle dine CSS-hacks, da IE jo nu tolker CSS anderledes. Først derefter kan du begynde at rette CSS'en til ... hvis det overhovedet er nødvendigt :)

Synes godt om

notes2c Nybegynder

31. maj 2005 - 00:03 #5

Prøv at indsætte følgende:

#footer{
width: 100%;
width: auto;
background: url(img/gfx/bttm_border.png) repeat-x top;
z-index: 5;
border: 1px solid red;
clear: both; /* <- indsæt */
}

Synes godt om

dan_n Nybegynder

31. maj 2005 - 12:16 #6

>> notes2c
Det var lige præcis hvad jeg der manglede, sammen med en height: 5px.

>> olebole
Smid lige et svar, da du også har deltaget i den endelige løsning. Uden DTD'en var jeg ikke videre!

Synes godt om

olebole Juniormester

01. juni 2005 - 04:34 #7

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
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS