Avatar billede Keld Nielsen Professor
25. september 2005 - 15:39 Der er 8 kommentarer og
1 løsning

Problem med tabelhøjde i IE contra Firefox

Jeg er i gang med en ny side, og vil lave det som DIV/tabel, men er løbet ind i 2 problemer:

1. Min top, med menu står forskelligt i højden, i henholdsvis IE og i Firefox, jeg kan umidelbart ikke se hvor fejlen skulle være i tabellen der styrer det.

2. I min midterste tabel, skal jeg herne have en scroll, så hele sitet altid er på 100%, men også her går det galt, når jeg har indtastet noget der er for højt.

Du kan se det "meget" foreløbelige resultat: http://www.prolight.dk/ny/index-3.html
Avatar billede maxa Nybegynder
27. september 2005 - 09:09 #1
Du skal lave to forskellige CSS for hhv IE og Firefox.

Max
Avatar billede Keld Nielsen Professor
28. september 2005 - 08:24 #2
Det har jeg ikke hørt om før!
Hvordan vi du stille dem op, altså at den kalder 2 forskellige CSS'er?
Avatar billede maxa Nybegynder
28. september 2005 - 16:40 #3
lav et kontroltjek i starten af din side, hvor du undersøger, hvilken browser der bruges. Kald derefter det css, som hører til browseren.

Jeg kører selv på denne måde. I starten af hver side skriver jeg:

<SCRIPT language="JavaScript" type="text/javascript" src="Browsertjek.js";></SCRIPT>


Mit Browsertjek.js indeholder følgende:

if (document.all && navigator.userAgent.indexOf('Opera')==-1) {
if (!document.getElementById)
document.write('<link href="StyleNS.css" rel="stylesheet" type="text/css">');
  else
document.write('<link href="StyleIE.css" rel="stylesheet" type="text/css">');
}
  else
document.write('<link href="StyleNS.css" rel="stylesheet" type="text/css">');

           
-Max.
Avatar billede maxa Nybegynder
05. oktober 2005 - 07:48 #4
Kunne du bruge løsningen??
Avatar billede Keld Nielsen Professor
10. oktober 2005 - 10:55 #5
Det kunne jeg desværre ikke, da det ikke giver mig mulighed for at rette, og samtidigt se resultatet, når jeg redigere i Dreamweaver, den opfatter ikke at der er loadet en css på den måde du har foreslået.
Avatar billede maxa Nybegynder
10. oktober 2005 - 13:20 #6
du skal selvfølgelig udskifte den nye linje med din den gamle.

gl.: <link href="div1.css" rel="stylesheet" type="text/css">

nye: <SCRIPT language="JavaScript" type="text/javascript" src="Browsertjek.js";></SCRIPT>

og lave en fil, hvori browser tjekker er i:

if (document.all && navigator.userAgent.indexOf('Opera')==-1) {
if (!document.getElementById)
document.write('<link href="StyleNS.css" rel="stylesheet" type="text/css">');
  else
document.write('<link href="StyleIE.css" rel="stylesheet" type="text/css">');
}
  else
document.write('<link href="StyleNS.css" rel="stylesheet" type="text/css">');

Samt udskifte dit nuværende css (div1.css) med to nye (StyleIE.css og StyleNS.css), som indholder hhv. dit stylesheet for eksplore og for de andre.

-Max.
Avatar billede Keld Nielsen Professor
05. november 2005 - 15:51 #7
Smid et svar ...men det virker altså ikke når du benytter Dreamweaver at redigere i!
Avatar billede maxa Nybegynder
05. november 2005 - 16:43 #8
Det er ikke noget galt med koden, men det kan være det er fordi du forventer at få dit CSS vist i dreamweaver når du laver en 'class' funktion, og det gør den ikke når CSS ikke er vist direkte. Her er CSS'en lavet indirkte, og det kan dreamweaver ikke finde ud af. Du skal bare selv skrive de styles ind du ønsker at bruge, evt. class='tekst1', det du så skal sørge for er, at du både i dit windows og i dit Firefox CSS har den samme tekst stående, blot med de ændringer du nu engang har. eks:

win:
.tekst1{color:#FF9900; font-size:11px; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

Firefox:
.tekst1{color:#FF9900; font-size:13px; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

På Firefox vil teksten nu være vist i en fontsize 13, hvorimod den er fontsize 11 på eksplore.

Håber det giver mening.

Max.
Avatar billede maxa Nybegynder
05. november 2005 - 17:33 #9
Tak, skriv endelig hvis du stadig er i tvivl om noget.

Jeg kom til at tænke på, om der mon var en indstillingsmulighed i Dreamweaver, som gav mulighed for at vise CCS'en. Men kom til at tænke på, at det nok ville være lidt problematisk, da du kører flere CSS'er, og ændringerne jo foregår individuelt. Ideen er jo netop, at man skal have mulighed for at kunne lave forskellige CSS'er, alt efter hvilken browser der benyttes.

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