Avatar billede itmouse Nybegynder
04. august 2007 - 15:37 Der er 14 kommentarer og
1 løsning

Firefox og IE forskellig look, hvorfor?

Haloha

Jeg har lavet et udkast til en hjemmeside, men udfaldet når jeg åbner den i firefox og så i IE er enormt, hvorfor?
Kan det gøres på en måde hvor hjemmesiden ser ens ud , om så jeg åbner i firefox som IE...
Min hjemmeside er www.agnvig.dk
Avatar billede itmouse Nybegynder
04. august 2007 - 15:38 #1
Glemte lige at sige, at som man kan se er tabelen helt mast i firefox, hvorimod IE ser den fin ud...
Er ikke den største haj til det og undre mig meget hvorfor de ikke kan se ens ud..
Avatar billede thesurfer Nybegynder
04. august 2007 - 16:12 #2
Du har valgt at dokumentet skal følge XHTML standarden, men du følger ikke selv standarden.. Så får du fejl.

Der er ingen grund til at bruge XHTML p.t.. Jeg ville nok bruge HTML 4.01 Loose..

Valider din side her: http://validator.w3.org/

Doctypes: http://www.w3.org/QA/2002/04/valid-dtd-list.html
Avatar billede olebole Juniormester
04. august 2007 - 16:26 #3
<ole>

Denne linje disabler de væsentligste dele af CSS i IE6:
    <?xml version="1.0" encoding="iso-8859-1"?>

- og du kan roligt slette den. Ikke mindst, når du selv sørger for, din XHTML aldrig parses som XHTML - men som HTML.

I øvrigt understøtter IE slet ikke XHTML. Selv hvis du faktisk served dit dokument korrekt, ville IE blot downloade det. IE kan ikke håndtere XHTML 1.1 ... end ikke IE7.
Det kan Firefox såmænd heller ikke - den lader bare somom  ;o)

/mvh
</bole>
Avatar billede itmouse Nybegynder
04. august 2007 - 17:39 #4
Ok, ja det hjalp en helt masse at slette <?xml version="1.0" encoding="iso-8859-1"?> og putte <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> istedet.

Nu har jeg bare det at mit overskifts-billede i firefox ikke får hele min tekst med. Jeg har lidt CSS med, skal jeg så også putte en kode en som validere det?
Avatar billede thesurfer Nybegynder
04. august 2007 - 18:45 #5
Din side skal valideres, både som HTML, og en CSS-del..

* Validering
HTML: http://validator.w3.org/
CSS : http://jigsaw.w3.org/css-validator/
Avatar billede olebole Juniormester
04. august 2007 - 21:09 #6
Prøv at skifte din DTD til:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- og skift også dit tegnsæt til et, andre end Windows-brugere kan anvende:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Skriv sådan i din CSS:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#container {
    height: 100%;
}

- så kan du give din table style="height:100%" ... enten inline eller gennem en CSS-klasse.

Height-attributten eksisterer ikke på et table-element - højden skal sættes med CSS.

Når en højde sættes til en relativ størrelse (en højde i procent), skal beregningen foregå på baggrund af det omkransende elements højde. Det omkransende element er altså nødt til at have en sat højde, hvis det skal lykkes ... og det gælder hele vejen ud til dokument-elementet ('html-elementet')
Avatar billede olebole Juniormester
04. august 2007 - 21:11 #7
ups ... du må kun have ét element med en bestemt ID. Et elements ID er ligesom et personnummer ... det er der ingen andre, der har  ;o)
Avatar billede olebole Juniormester
04. august 2007 - 21:12 #8
- og så mangler du td-elementer!

Nu forstår jeg bedre, hvorfor thesurfer var så insisterende omkring valideringen. Du må lige sørge for at få den til at validere  ;o)
Avatar billede itmouse Nybegynder
05. august 2007 - 16:56 #9
Ok, nu har jeg valideret det i CSS. Og er glad for at jeg har fået en lidt bedre forståelse af virkningen, eftersom det jo skal valideres.
Angående det overskriftsbillede, så kan dele af billedets venstre side stadig ikke vises i Firefox.
Det er som om den tager udgangspunkt i, at placere sig helt oppe i venstre hjørne af siden og ligge sig under min venstre tabel-mag, når jeg åbner den i Firefox.
Hvor den derimod i IE, placere sig, så den støder op mod min venstre tabel og derfor viser det som det skal.

Var det meget svært at forstå:) Jeg kan næsten ikke beskrive det anderledes:D
Avatar billede olebole Juniormester
05. august 2007 - 17:05 #10
Læg alle dine styles i ét dokument, så vi ikke skal bladre i alle de dokumenter ... hvad de end skal til for(?)
Så kan du, hvis du insisterer på at gøre din kode uoverskuelig - altid dele dem op bagefter  ;o)
Avatar billede itmouse Nybegynder
05. august 2007 - 18:04 #11
Ok, det er gjort, har dog ikke uploaded endnu.
Findes der ellers en løsning på overskriftsproblemet?
Avatar billede thesurfer Nybegynder
06. august 2007 - 00:37 #12
itmouse> Det er meningen at du skal lægge al din CSS kode i 1 fil, så man kan se hele CSS koden, uden at skulle kigge i 10 filer.. :-)

Upload det snarest muligt..
Avatar billede itmouse Nybegynder
08. august 2007 - 22:53 #13
Ok
Avatar billede itmouse Nybegynder
15. maj 2011 - 18:13 #14
lukker
Avatar billede itmouse Nybegynder
15. maj 2011 - 18:14 #15
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