Avatar billede -ace Nybegynder
30. juli 2007 - 10:35 Der er 19 kommentarer

Side virker i Firefox, men ikke IE

Hejsa,
Sidder lige og kigger lidt på en hjemmeside, hvor den virker i Firefox, men i IE virker den ikk.
Siden det drejer sig om er www.horsie.dk
Det er den store boks i midten, som ikk virker optimalt i IE. I firefox er den der som den skal, men hvis siden loades i IE kommer der en hvis boks frem i stedet, og man kan se toppen af billede ligge helt i bunden. Hvad kan jeg gøre, for at få siden til at virke i begge browsere?

Koden:

<html>

<head>
<title>www.horsie.dk - #horsie</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<style type="text/css">

body
{
background-color:#FEFEFE;
margin:0px;
}

body,td,p,div,input,textarea,select
{
font-size:12pt;
}

img
{
border:0px;
}

td.img {
background-image:url("http://horsie.dk/images/bg.php?s=<?php echo $_GET['s']; ?>");

}

</style>

</head>

<body>

<?php
if(!isset($_GET['s'])) {
    print('<script type="text/javascript">window.location="index.php?s=home"</script>');
}
?>

<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3"><img src="images/logo.jpg" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/left.jpg" alt=""></td>
<td height="38" valign="top"><a href="index.php?s=home"><img src="images/menu1.jpg" alt=""></a><a href="index.php?s=stalden"><img src="images/menu2.jpg" alt=""></a><a href="index.php?s=krige"><img src="images/menu3.jpg" alt=""></a><a href="index.php?s=om"><img src="images/menu4.jpg" alt=""></a><a href="index.php?s=spons"><img src="images/menu5.jpg" alt=""></a><a href="index.php?s=events"><img src="images/menu6.jpg" alt=""></a><a href="index.php?s=presse"><img src="images/menu7.jpg" alt=""></a></td>
<td rowspan="2"><img src="images/right.jpg" alt=""</td><td></td></tr>
<tr>
<td class="img">
</td>
</tr>
</table>
</body>

</html>
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 10:58 #1
Et af dine <img>-tags mangler en >
Du mangler en DOCTYPE i toppen
Du skal lære at validere din side på  http://validator.w3.org/
Avatar billede -ace Nybegynder
30. juli 2007 - 11:06 #2
Hej,
Tak for svaret :)
Jeg har tilføjet den manglende > i det img tag jeg har fundet, hvor det manglede.
Ang DOCTYPE, det har jeg tilføjet nu (DTD HTML 4.01 Transitional) og nu virker siden heller ikke i Firefox?

Er det så en general fejl jeg har fået lavet, der gør det ikk virker?
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 11:10 #3
Med en DOCTYPE er du på rette vej. Mon ikke det med at validere HTML og CSS kommer senere. Ellers kan jeg godt se hvad jeg opdager

Det hedder ikke

background-image:url("http://horsie.dk/images/bg.php?s=home");

men

background-image:url(http://horsie.dk/images/bg.php?s=home);
Avatar billede -ace Nybegynder
30. juli 2007 - 11:18 #4
Hvis jeg prøver w3 validatoren består både html og CSS på siden.

Det er også rettet det med linket i background image, uden held i nogle af browserne :(
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 11:37 #5
Eh, ikke den der ligger på www.horsie.dk - der er stadig simple HTML-fejl
Avatar billede -ace Nybegynder
30. juli 2007 - 11:42 #6
Hmm, det forstår jeg slet ikk så. Hvis jeg går ind på http://validator.w3.org/, skriver www.horsie.dk teksfeltet der kommer jeg ind på en side hvor der står "This Page Is Valid HTML 4.01 Transitional!"
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 11:57 #7
Jah, det er nok rigtig. Jeg havde kig på en underlig  "<td></td>"  - den er selvfølgelig ikke ulovlig - jeg så forkert.

Men med den væk så skal du blot angive korrekte højder på <td>-erne - er den der så ikke?
Avatar billede -ace Nybegynder
30. juli 2007 - 12:19 #8
ALLE <td>, eller hvordan? Er ikk helt sikker på jeg er med :)
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 12:28 #9
Der står "<td></td>" et sted - overvej om det skal væk.
Avatar billede -ace Nybegynder
30. juli 2007 - 12:39 #10
Det er fjernet, men den virker stadig ikk - hverken i FF eller IE.

Koden som den ser ud nu:

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

<head>
<title>www.horsie.dk - #horsie</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<style type="text/css">

body
{
background-color:#FEFEFE;
margin:0px;
}

body,td,p,div,input,textarea,select
{
font-size:12pt;
}

img
{
border:0px;
}

td.img {
background-image:url(http://horsie.dk/images/bg.php?s=home);

}

</style>

</head>

<body>

<?php
if(!isset($_GET['s'])) {
    print('<script type="text/javascript">window.location="index.php?s=home"</script>');
}
?>

<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3"><img src="images/logo.jpg" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/left.jpg" alt=""></td>
<td height="38" valign="top"><a href="index.php?s=home"><img src="images/menu1.jpg" alt=""></a><a href="index.php?s=stalden"><img src="images/menu2.jpg" alt=""></a><a href="index.php?s=krige"><img src="images/menu3.jpg" alt=""></a><a href="index.php?s=om"><img src="images/menu4.jpg" alt=""></a><a href="index.php?s=spons"><img src="images/menu5.jpg" alt=""></a><a href="index.php?s=events"><img src="images/menu6.jpg" alt=""></a><a href="index.php?s=presse"><img src="images/menu7.jpg" alt=""></a></td>
<td rowspan="2"><img src="images/right.jpg" alt=""></td></tr>
<tr>
<td class="img">
</td>
</tr>
</table>
</body>

</html>
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 12:58 #11
11:57:50: "så skal du blot angive korrekte højder på <td>-erne - er den der så ikke?"
Avatar billede -ace Nybegynder
30. juli 2007 - 13:04 #12
Er det alle <td> hvor der er billeder i, hvor jeg skal skrive heigh og så højden på billedet, eller hvordan mener du? :)
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 13:23 #13
Du har højde på nogen:
    <td height="38"
Du skal nok sætte højde på flere for at få dine col/row-span til se korrekt ud. Specielt den der <td class="img">
Avatar billede olebole Juniormester
30. juli 2007 - 14:58 #14
<ole>

Med mindre du skal sætte noget tekst op i en tabel, hvor design intet betyder, bør du undgå row- og colspan.
HTML er oprindelig skabt til opstilling og fremvisning af videnskabelige data uden behov for specielle design-hensyn - og det skaber ofte problemer i en verden, hvor teknologien pludselig bliver brugt til noget helt andet  =)

/mvh
</bole>
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 16:24 #15
Hmm, Ole. Jeg bruger da somme tider en stor tang til at slå søm i med. Måske ikke det den er beregnet til, og nok heller ikke hverken det hurtigste eller sikreste - men det er da ikke værre en det her ;)
Avatar billede erikjacobsen Ekspert
30. juli 2007 - 16:24 #16
.... end det her ;)
Avatar billede olebole Juniormester
31. juli 2007 - 14:52 #17
Jeg bruger også af og til værktøjer til ting, de ikke er beregnet til, men belært af egne erfaringer og bunker af E-spørgsmål om dette problem, så undgår jeg helst col- og row-span (og altid kombinationer af disse). De resulterer meget ofte noget nær uløselige problemer med at få de forskellige celler til at antage de ønskede dimensioner.

Bare rolig ... det er absolut ikke 'religiøse' anfægtelser vedr. brugen af tabeller, der ligger bag min kommentar  ;o)
Avatar billede erikjacobsen Ekspert
31. juli 2007 - 15:09 #18
Spørgeren har tilsyneladende taget det til sig, og lavet en bunke <div>s på siden.
Avatar billede -ace Nybegynder
01. august 2007 - 12:57 #19
Jeps, jeg ville lige prøve, og det lykkes sørme.. :)

Er det en rigtig løsning jeg har valgt nu, eller er det også noget rod og gøgl? :)
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