Notifikationer

Markér alle som læst Log ud

Slettet bruger

08. juli 2004 - 13:16 Der er 7 kommentarer og
1 løsning

Manglende browserkompatibilitet

På min side http://juhl-hollen.dk har jg lidt problemer med FireFox og Netscape kompatibilitet.

Det drejer sig egentligt kun om to ting.
1. Jeg har lavet lidt lir med teksten på forsiden vha. position:relative. Det ser helt galt ud i FireFox og Netscape. Den kommando burde da virke begge steder eller hvad?

2. Når jeg scroller ned i bunden af teksten bliver baggrunden hvid. Hvorfor føres baggrundsfarven for hhv. menu og indholsramme ikke ned i bunden sammen med teksten?

I kan se css-filen her: http://juhl-hollen.dk/style.css det er linjerne #t1 - #t5 samt .leftmenu og .side der åbenbart giver problemer.

På forhånd tak.

Synes godt om

roenving Novice

08. juli 2004 - 13:24 #1

Du har desværre kodet siden til at være rigtig i IE quirksmode, så det er svært at få andre browsere til at vise den på samme måde ...

Du kan jo prøve at kigge på den, når du også får IE i standardsmode ved at bruge denne doctype i stedet:

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

Synes godt om

skovenborg Nybegynder

08. juli 2004 - 22:33 #2

du skal forresten lige fjerne:
<style type="text/css">;
og </style>
inde i dit eksterne stylesheet - de er helt unødvendige og ulovlige tilmed (i CSS sammenhænge altså ;-)

Synes godt om

skovenborg Nybegynder

08. juli 2004 - 22:40 #3

og når du har sat den doctype på som jes nævner, så skal du også lige ændre et par dumme fejl:
html {}
body {background-color:#808080;scrollbar-base-color:#808080;scrollbar-face-color:#808080;scrollbar-shadow-color:#808080;scrollbar-darkshadow-color:#808080;scrollbar-highlight-color:#c0c0c0;scrollbar-arrow-color:#ffffff;scrollbar-3dlight-color:#808080}
.leftmenu {position:absolute;left:0px;top:0px;width:163px;background-color:#b22222;height:100%;z-index:1;}

Du havde flere steder glemt at sætte # foran en farve - hvilket altså kun virker i quirks-mode (som vi så lige skal ud af)

Synes godt om

skovenborg Nybegynder

08. juli 2004 - 22:53 #4

og så lige et par rettelser så vi får teksten på plads (også i mozilla ;-)

h1 {color: #ffffff;font-family: Trebuchet MS, Verdana, sans-serif;font-size: 28px;letter-spacing: 3px;background-color: #336699;font-weight:bold;border-top:solid 3px #336699;text-indent:190px;text-align:center;margin:0px;}
(tilføjet margin:0px så vi fjerner mellemrummet ovenover overskriften)

#t1{font: italic bold 165px/100% "Times New Roman", serif;color: #336699;text-indent:210px;margin:0px;}
(tilføjet 165px/100% så line-height = 100% og igen margin:0px; hvilket hjælper igen på mellemrumme)

#t3{font: 30px arial, sans-serif;color: #CCCCCC;letter-spacing: 4px;position:relative;top:-5em;left:-2em;}
(Du havde skrevet top:-5.em; og det punktum skabte problemmer i IE. Så det fjernede jeg lige :-)

Synes godt om

Slettet bruger

09. juli 2004 - 16:27 #5

Tak skal du have det løste problemerne med placering af teksten.

Hcis du skriver et svar kan du lige få pointene.

Synes godt om

skovenborg Nybegynder

09. juli 2004 - 16:35 #6

okay - men vent med at acceptere til det andet problem er løst.

Umiddelbart vil det også kunne ordnes ved at dele spalterne ind i to tabelceller for på den måde, at de får den samme højde. Der skal dog laves en del om på stylen, men det er helt klart den letteste løsning lige nu.

Synes godt om

skovenborg Nybegynder

09. juli 2004 - 16:36 #7

og her er svaret som du senere kan acceptere ;-)

Synes godt om

roenving Novice

10. juli 2004 - 13:31 #8

Måske skal der noget synkronisering af højder til ?-)

<script type="text/javascript">
var elms = ['left','middle','right'];//<- Her skrives id på de elementer, som skal have lige stor højde

function synchronizeDivs(){
var maxH = 0;//<- Her skrives den mindste højde elementerne skal have
for(i=0;elms.length>i;i++){
maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
}
for(i=0;elms.length>i;i++){
document.getElementById(elms[i]).style.height=maxH + 'px';
}
}
</script>

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