Avatar billede skurggman Nybegynder
17. december 2003 - 14:57 Der er 19 kommentarer og
1 løsning

Valid height?

Hejsa,

jeg har lavet en lille side som jeg ikke kan få valid height på?

Jeg har lavet en css som skulle styre det, men det gør den ikke.

Kan nogen hjælpe mig?

Linket er:

www.votus.dk/kunder/carsten/default.asp
www.votus.dk/kunder/carsten/style/style.css
Avatar billede skurggman Nybegynder
17. december 2003 - 15:00 #1
Det er valid html, men i firebird ser det frygteligt ud, som om den kun viser billederne. I IE og Opera ser det fint ud bortset fra højden af tabellen...
Avatar billede roenving Novice
17. december 2003 - 15:00 #2
html,body{height:100%}
Avatar billede skurggman Nybegynder
17. december 2003 - 15:06 #3
okay, men hva så med firebird problemet???

det fatter jeg slet ikke, nu hvor det er helt transitionel valid html
Avatar billede roenving Novice
17. december 2003 - 15:15 #4
Sæt så meget som muligt i css-styles, og så har du ikke medtaget #-tegnet ved farve-angivelser !-)
Avatar billede skurggman Nybegynder
17. december 2003 - 15:23 #5
okay det hjælper på det, men prøv lige at se de to billede dele i firebird, der er danner bilen. Hvordan kan det nu være?
Avatar billede roenving Novice
17. december 2003 - 15:37 #6
Prøv med margin:0px;padding:0px; både på img og td'er ...
Avatar billede skurggman Nybegynder
17. december 2003 - 15:48 #7
det hjælper ikke noget, prøv at se om jeg har gjort det rigtigt på samme links...
Avatar billede roenving Novice
17. december 2003 - 15:52 #8
Det er nemmere sådan:

img,td{margin:0px;padding:0px;}
Avatar billede skurggman Nybegynder
17. december 2003 - 15:53 #9
men det gør vel ikke nogen forskel?
Avatar billede roenving Novice
17. december 2003 - 16:34 #10
Jeg har kunnet finde ud af, at der er noget, som ikke er xhtml-valid, men den har jeg ikke så meget check på, men her er den kode jeg har checket (html-transitional er korrekt bortset fra borderen om billedet !-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Carstens K&oslash;reskole</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: 150%;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
}
.table {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    border-collapse: collapse;
}
.zero {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}
img,tr,td{margin:0px;padding:0px;border:0px;}
body {
    height:100%;
    margin: 0px;
}
</style>
<script language="JavaScript" type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src="http://www.votus.dk/kunder/carsten/"+a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('grafik/forside_menu2.gif','grafik/teori_menu2.gif','grafik/info_menu2.gif','grafik/hvor_menu2.gif','grafik/kontakt_menu2.gif')">
<table class="table">
  <tr>

    <td width="250" height="250">&nbsp;</td>
    <td style="width:200px;height:250px;vertical-align:bottom;bottom:0px;"><img src="http://www.votus.dk/kunder/carsten/grafik/forside_top.gif" alt="" width="200" height="143" align="bottom" class="zero" /></td>
    <td style="vertical-align:bottom;"><img src="http://www.votus.dk/kunder/carsten/grafik/forside.gif" alt="velkommen til cartens k&oslash;reskole" width="496" height="28" /></td>
  </tr>
  <tr bgcolor="#77AFBE">
    <td style="width:200px;background:#517889">&nbsp;</td>
    <td style="width:200px;vertical-align:top;background:#517889"><img src="http://www.votus.dk/kunder/carsten/grafik/forside_bund.gif" alt="" width="200" height="69" align="top" class="zero" />
    <p><a href="http://www.votus.dk/kunder/carsten/default.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forside','','http://www.votus.dk/kunder/carsten/grafik/forside_menu2.gif',1)"><img src="http://www.votus.dk/kunder/carsten/grafik/forside_menu.gif" alt="forside" name="forside" width="200" height="25" border="0" id="forside" /><br />
    </a><a href="http://www.votus.dk/kunder/carsten/teori.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('teori','','http://www.votus.dk/kunder/carsten/grafik/teori_menu2.gif',1)"><img src="http://www.votus.dk/kunder/carsten/grafik/teori_menu.gif" alt="teori" name="teori" width="200" height="25" border="0" id="teori" /></a>
    <a href="http://www.votus.dk/kunder/carsten/default.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forside','','http://www.votus.dk/kunder/carsten/grafik/forside_menu2.gif',1)">
    </a><a href="http://www.votus.dk/kunder/carsten/info.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('info','','http://www.votus.dk/kunder/carsten/grafik/info_menu2.gif',1)"><img src="http://www.votus.dk/kunder/carsten/grafik/info_menu.gif" alt="generel information" name="info" width="200" height="25" border="0" id="info" /><br />

    </a><a href="http://www.votus.dk/kunder/carsten/hvor.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hvor','','http://www.votus.dk/kunder/carsten/grafik/hvor_menu2.gif',1)"><img src="http://www.votus.dk/kunder/carsten/grafik/hvor_menu.gif" alt="hvor?" name="hvor" width="200" height="25" border="0" id="hvor" /></a><br />
    <a href="http://www.votus.dk/kunder/carsten/kontakt.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','http://www.votus.dk/kunder/carsten/grafik/kontakt_menu2.gif',1)"><img src="http://www.votus.dk/kunder/carsten/grafik/kontakt_menu.gif" alt="kontakt" name="kontakt" width="200" height="25" border="0" id="kontakt" /></a>   
    <a href="info.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('info','','http://www.votus.dk/kunder/carsten/grafik/info_menu2.gif',1)">    </a><a href="http://www.votus.dk/kunder/carsten/default.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forside','','http://www.votus.dk/kunder/carsten/grafik/forside_menu2.gif',1)"><br />
    </a></p>    </td>
    <td valign="top" bgcolor="#517889" class="content"><p><br/>
      <strong>Velkommen til Carstens K&oslash;reskole<br/>
      </strong>Her p&aring; siden kan du finde de fleste oplysninger om k&oslash;reskolen, skulle du have flere sp&oslash;rgsm&aring;l s&aring; kontakt mig. Jeg kan tilbyde undervisning i kategori B (almindelig bil), generhverver og erhvervskort (taxi). </p>

      <p><strong>Specialarrangementer:<br/>
    </strong>Har du brug for at f&aring; genopfrisket teorien eller har du og din kolleger, venner eller familie nogle sp&oslash;rgsm&aring;l som I &oslash;nsker besvaret s&aring; ring til mig og vi finder ud at holde et f&aelig;lleskursus med lidt teoriundervisning en teoripr&oslash;ve og en god diskussion om jeres sp&oslash;rgsm&aring;l.</p>    </td>

  </tr>
</table>
</body>
</html>
Avatar billede skurggman Nybegynder
17. december 2003 - 16:41 #11
fedt! nu virker billedet jo optimalt, kan man lave sådan at den blå-grønne farve går helt ned i bunden? som den gør i IE?
Avatar billede skurggman Nybegynder
17. december 2003 - 16:42 #12
men den er ikke valid...
Avatar billede roenving Novice
17. december 2003 - 16:44 #13
Ikke xhtml, nej, der må være noget specielt, for den sidste ende, at den kom ned på række-adskillelsen, kom først da jeg ændrede doctype til html-transitional !-)
Avatar billede skurggman Nybegynder
17. december 2003 - 16:48 #14
Avatar billede roenving Novice
17. december 2003 - 16:55 #15
Det kan kun være pga. denne her's xhtml-style:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

-- så prøv at ændre den til normal html, så burde den være der !-)
Avatar billede skurggman Nybegynder
17. december 2003 - 17:15 #16
højden på det blå-grønne stykke er ikke korrekt i andet en IE :(
Avatar billede roenving Novice
18. december 2003 - 08:31 #17
Ja, der forstår jeg heller ikke Gecko-maskinens måda at gøre det på !-)
Avatar billede skurggman Nybegynder
18. december 2003 - 12:54 #18
smid lige nogle svar så jeg kan dele points ud :)
Avatar billede roenving Novice
18. december 2003 - 13:01 #19
Velbekomme '-)
Avatar billede roenving Novice
18. december 2003 - 13:13 #20
-- og tak for points ;~}
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