CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede anders_lun Nybegynder
28. august 2008 - 10:06 Der er 13 kommentarer

Divs med css til firefox og IE

Hejsa, har prøvet og læse mig til alt muligt på nettet. Og kan stadig ikke få min side www.fynskeolier.dk til at blive vist ordentligt i både Firefox og IE ?

Nogen har sagt til mig at jeg skal droppe divs helt og istedet tabeller.

Andre siger at jeg skal bruge divs og css til min side?

Mit spørgsmål er, hvad gør jeg forkert, når min side vises fint i IE men i firefox er min side helt ødelagt?

Kildekoden kan ses på selve siden:
www.fynskeolier.dk
Avatar billede ssv Nybegynder
28. august 2008 - 10:37 #1
For mig ser det ud til at IE og FF behandler din #menu forskelligt, da de fortolker left og top angivelserne forskelligt. Jeg sidder lige og forbedrer din kode.

Og hold dig til divs/css - det er fremtiden ;-)
Avatar billede w13 Novice
28. august 2008 - 10:46 #2
Du skal rette:
width:201;
til:
width:201px;
som fejlkonsollen i FF også siger.
Avatar billede ssv Nybegynder
28. august 2008 - 10:50 #3
Der er generelt en del "fejlkode" på hele siden - kode som skal opdateres. Det er lige før det er hurtigere at kode det om til rent div/css end at rette det der er nu ;-)
Avatar billede anders_lun Nybegynder
28. august 2008 - 10:56 #4
w13, det hjalp desværre ikke :/..

ssv, det vil tage mig en evighed vil jeg tro.

Hvilke fejlkoder er der i min kode? evt. må du gerne skrive dem, så jeg kan rette dem:/
Avatar billede ssv Nybegynder
28. august 2008 - 11:00 #5
For det første kan du rende den igennem w3c's validator: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fynskeolier.dk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

- Der står skrevet om de fejl der er. Ellers kan jeg sætte forsiden op for dig i en ny css/div skabelon, så kan du bare smide indhold ind i den. :-)
Avatar billede ssv Nybegynder
28. august 2008 - 11:01 #6
Og så ville jeg som det første skifte doc-type til HTML 4.01 Strict -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
</head>
Avatar billede anders_lun Nybegynder
28. august 2008 - 11:09 #7
Okay mange tak, ssv.

Du må meget gerne lave en css/div skabelon til mig.
Avatar billede ssv Nybegynder
28. august 2008 - 13:04 #8
-> Jeg skal nok kigge på den skabelon senere idag. Du hører fra mig iaften :-)
Avatar billede anders_lun Nybegynder
28. august 2008 - 14:13 #9
Fik lavet det selv :)... Nu kan jeg bare ikke lige finde ud af hvordan jeg skal sætte det centreret? har det godt nok inde i en tabel som er center" men den virker ikke som om det funger :S
Avatar billede ssv Nybegynder
28. august 2008 - 14:33 #10
Sæt en width til noget andet end 100%, så virker det ;-)

Ellers kan du lave en position: absolute; left: 50%; margin: 0 0 0 -350px;

Minus-marginen skal være halvdelen af tabelens bredde. Og da jeg ikke kender den, så må du selv lige rette det til :-)
Avatar billede roenving Novice
28. august 2008 - 18:19 #11
-- er det ikke nemmere og bedre at bruge margin:0 auto; ?-)
Avatar billede ssv Nybegynder
28. august 2008 - 22:29 #12
Det skal jo ikke være alt for nemt, roenving ;-)

Ej, jeg mener at have hørt noget om at margin: 0 auto; ikke fungerede i nogle browsere. Men det lader så åbenbart til ikke at være tilfældet. :-)
Avatar billede roenving Novice
29. august 2008 - 15:14 #13
-- i IE6 forstår browseren ikke visse centrale dele af css, hvis ikke man bruger 'the Doctype switch', og dermed tvinger den i standards mode ...

-- altså virker det alle steder, hvis bare man bruger et fuldt kvalificeret doctype-tag inkl. dtd-link !-)
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
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
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
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
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 går 22:23 ='uge 25'!H$31 Af lurup i Excel
I går 15:12 Tekstoplæsning - fjerne talebesked Af 1Dorte i Android
I går 12:57 End Down Af PGFfyn i Excel
I går 11:37 Hvilken type adapter skal man bruge - USB Af clausito i PC
I går 11:11 Appel Copy Paste Af HenningFr i iOS, iPhone & iPad
White papers
Flere white papers »


Premium
Teaser billede
Virksomheder af en vis størrelse får det svært i AI-ræset: Men bestemte tiltag kan sende dem frem i feltet
Læs mere »
På Bornholm jagter Computerworld bekymret svar på det store spørgsmål
NIS2-implementeringen er nu i gang: Varsler omfattende tilsyn og store bøder
Staten mister i stor stil teknisk kyndige it-folk: Vigtig viden om samfundskritiske systemer overlades til konsulenter
Se alle »
Computerworld
Teaser billede
Prøvekørt: Polestar 3 er en rendyrket designer-bil, som er ude på at forføre dig
Læs mere »
Test af to nye robotplæneklippere: En dyr og en mere overkommelig
Her er de enheder der får det nye Apple AI – vil du have det, skal du nok ud og købe en ny iPhone
Test: Her er den smarte økonomi-robot til din græsplæne
Se alle »
CIO
Teaser billede
OUH's fynske hosting-leverandør på vej mod konkurs efter ransomware-angreb: Kan ikke genoprette ramte systemer
Læs mere »
Microsoft dropper ny funktion i Copilot få måneder efter lanceringen
CIO hos Alm. Brand rydder op i legacy-systemer og skaber en ny it-arkitektur: Stripper alt ned til standardkode for at sikre fremtiden
Vælg it-sikkerhed, hvis du gerne vil tjene mange penge: Disse cheftitler scorer de højeste lønninger i it-branchen
Se alle »
Job & Karriere
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Medarbejderne fik udleveret badetøfler ved indflytningen: Kom med inden for i IBM Danmarks nye topmoderne hovedkontor
Google fyrer hele sit Python-team
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Se alle »
White paper
Teaser billede
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Læs mere »
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Opdag fordelene ved cloud-baseret backup og recovery
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »