Avatar billede aske000 Nybegynder
17. maj 2004 - 23:20 Der er 25 kommentarer

Højde 100%?

Hej.

Jeg har lavet websiden esbenmilan.dk/aagaardskovmand - og det ser ok ud i Explorer og Mozilla, men ikke i Safari, hvorfor?

Er der nogen der kan give mig et konkret eksempel på hvad jeg skal gøre?

Venlig hilsen
Aske
Avatar billede skovenborg Nybegynder
17. maj 2004 - 23:23 #1
nu har jeg ikke selv safari (eller en mac for den sags skyld), men du kan prøve det typiske trick med stylen:
body,html {margin:0px;height:100%;}
Avatar billede viciodk Praktikant
17. maj 2004 - 23:24 #2
Table-elementet har aldrig haft en height-attribut!

Derfor skal du ændre:
<table height="100%">

til:
<table style="height:100%;">

Desuden skal du mellem <head> og </head> skrive:

<style type="text/css">
html, body {
  height:100%;
}
</style>
Avatar billede aske000 Nybegynder
17. maj 2004 - 23:34 #3
Det er uændret på Mozilla og Explorer - men Safari bliver ved med skidtet. Jeg har lagt et screenshot på esbenmilan.dk/screenshot.jpg
Avatar billede viciodk Praktikant
17. maj 2004 - 23:39 #4
Det er ikke alle steder du har ændret <table height="100%"> til <table style="height:100%;">

Husk at du ikke skal omskrive f.eks. <img height="[højde]">, KUN <table>.
Avatar billede viciodk Praktikant
17. maj 2004 - 23:43 #5
Hvordan ser det ud med denne kode?:

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Journalist | Thomas Aagaard Skovmand</title>
<meta name="author" content="Thomas Aagaard Skovmand, Esben Milan">
<meta name="description" content="Freelance journalist">
<meta name="keywords" content="journalist,reporter,freelance,artikler,presse,thomas,aagaard,skovmand">

<script language="JavaScript">

<!-- Begin


image1 = new Image();
image1.src = "http://www.aagaardskovmand.dk/faelles/journalist2.gif";

image2 = new Image();
image2.src = "http://www.aagaardskovmand.dk/faelles/profil2.gif";

image3 = new Image();
image3.src = "http://www.aagaardskovmand.dk/faelles/artikler2.gif";

image4= new Image();
image4.src = "http://www.aagaardskovmand.dk/faelles/aviser2.gif";

image5 = new Image();
image5.src = "http://www.aagaardskovmand.dk/faelles/kontakt2.gif";

// End -->
</script>

<style type="text/css">
html, body {
  height:100%;
}
</style>

</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" link="#476281" vlink="#476281" alink="#476281" bgcolor="#000000">

<div align="center">
    <table border="0" cellpadding="0" style="border-collapse: collapse; height: 100%;" id="table1">
        <tr>
            <td bgcolor="#FFFFFF">
            <table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" id="table3">
                <tr>
                    <td style="padding-left: 5px; padding-top: 25px; padding-bottom: 15px">
                    <img border="0" src="../faelles/thomasaagaardskovmand.gif" width="296" height="59"></td>
                </tr>
            </table>
            <table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" id="table2">
                <tr>
                    <td>
                                       
<img border="0" src="../faelles/journalist2.gif" width="150" height="19"><a href="../profil" onmouseover="image2.src='../faelles/profil2.gif';"
onmouseout="image2.src='../faelles/profil1.gif';"><img name="image2" src="../faelles/profil1.gif" border=0 width="150" height="19"></a><a href="../artikler" onmouseover="image3.src='../faelles/artikler2.gif';"
onmouseout="image3.src='../faelles/artikler1.gif';"><img name="image3" src="../faelles/artikler1.gif" border=0 width="150" height="19"></a><a href="../aviser" onmouseover="image4.src='../faelles/aviser2.gif';"
onmouseout="image4.src='../faelles/aviser1.gif';"><img name="image4" src="../faelles/aviser1.gif" border=0 width="150" height="19"></a><a href="../kontakt" onmouseover="image5.src='../faelles/kontakt2.gif';"
onmouseout="image5.src='../faelles/kontakt1.gif';"><img name="image5" src="../faelles/kontakt1.gif" border=0 width="150" height="19"></a></td>
                </tr>
            </table>
            </td>
        </tr>
        <tr>
            <td bgcolor="#FFFFFF" style="height: 100%" valign="top">
            <table border="0" cellpadding="0" style="border-collapse: collapse; height:100%" width="100%" id="table4">
                <tr>
                    <td style="padding-left: 15px; padding-right: 15px; padding-top: 25px; padding-bottom: 25px">
                    <div align="center">
                    <table border="0" cellpadding="0" style="border-collapse: collapse" id="table5">
                        <tr>
                            <td>
                            <img border="0" src="journalist.gif" width="136" height="177"></td>
                        </tr>
                    </table>
                    </div>
                    </td>
                </tr>
            </table>
            </td>
        </tr>
        <tr>
            <td bgcolor="#FFFFFF" align="right" style="border-top:1px solid #000000; padding-right: 5px; height: 19px;">
            <font face="Verdana" style="font-size: 7pt">
            <a target="_blank" href="http://www.esbenmilan.dk">
            <span style="text-decoration: none">Webdesign af Esben
            Enterprises</span></a></font></td>
        </tr>
    </table>
</div>

</body>

</html>
Avatar billede aske000 Nybegynder
17. maj 2004 - 23:44 #6
Nu er jeg ikke en haj, men jeg tror jeg har rettet alle table - men stadig ingen ændring i safari.
Avatar billede viciodk Praktikant
17. maj 2004 - 23:47 #7
Jeg rettede også <td height="100%"> for at se om det måske er det der skal til? Du har nemlig ikke angivet nogen Doctype.
Avatar billede skovenborg Nybegynder
17. maj 2004 - 23:50 #8
...hvilket ville være en temmelig god ide' i dette tilfælde. Prøv at indsætte:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
helt i starten. Bare som en begyndelse.

Information:
http://www.w3.org/QA/2002/04/Web-Quality
Avatar billede skovenborg Nybegynder
17. maj 2004 - 23:50 #9
skulle egentlig have været:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
hvilken jeg tror passer bedre til siden lige nu.
Avatar billede aske000 Nybegynder
17. maj 2004 - 23:51 #10
Hjælper ikke.
Avatar billede aske000 Nybegynder
17. maj 2004 - 23:51 #11
Hov vent - det var ikke de to sidste der ikke hjælper. Prøver lige dem.
Avatar billede viciodk Praktikant
17. maj 2004 - 23:52 #12
Husk at rette de to TD'ere.. Er lidt i tvivl om du sidder og tester koden direkte på serveren eller om du bare ikke har uploadet den nyeste version endnu.
Avatar billede aske000 Nybegynder
17. maj 2004 - 23:54 #13
Hvad mener du med starten? Er det i Head eller linie 1 før alt andet?
Avatar billede viciodk Praktikant
17. maj 2004 - 23:54 #14
Før alt andet
Avatar billede aske000 Nybegynder
17. maj 2004 - 23:59 #15
Har lagt det ud på /journalist - men efter jeg satte det der ind i starten har logoet midterstillet sig.
Avatar billede aske000 Nybegynder
18. maj 2004 - 00:00 #16
Hov vent der er også scrollbarer på selvom vinduet er tilstrækkelig stort.
Avatar billede aske000 Nybegynder
18. maj 2004 - 00:00 #17
Og det er uændtret i Safari.
Avatar billede aske000 Nybegynder
19. maj 2004 - 01:49 #18
Hvor blev hjælpen af?
Avatar billede skovenborg Nybegynder
19. maj 2004 - 12:45 #19
skal lige høre - er det http://www.esbenmilan.dk/aagaardskovmand/journalist/ vi taler om lige nu?
Avatar billede skovenborg Nybegynder
19. maj 2004 - 13:07 #20
jeg kan i hvert fald på den se, at du bliver nødt til at skrive:
<div align="center" style="height:100%;">
<table border="0" cellpadding=".....

for at få det til at virke i mozilla.
Avatar billede aske000 Nybegynder
19. maj 2004 - 19:50 #21
Men det virker fint i Mozilla - det er Safari der ikke kan vise den ordentligt. Screenshot: esbenmilan.dk/screenshot.jpg.
Avatar billede skovenborg Nybegynder
19. maj 2004 - 20:46 #22
det var bare http://www.esbenmilan.dk/aagaardskovmand/journalist/ hvor højden ikke lige umiddelbart virkede i Mozilla.

Angående safari - så prøv at kigge her:
http://www.quirksmode.org/css/100percheight.html
det burde virke med de par trick vi har vist (altså html,body {height:100%;} osv.)
Avatar billede aske000 Nybegynder
22. maj 2004 - 16:02 #23
Ok tak det virker.
Avatar billede skovenborg Nybegynder
23. maj 2004 - 22:15 #24
virker det i safari nu?

i så fald smider jeg lige et svar...
Avatar billede skovenborg Nybegynder
01. juni 2004 - 20:27 #25
virker det i safari nu?
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