4263
Goto Top

Problem mit table-Funktionen in HTML

Guten Abend,

ich möchte eine Homepage mit Hilfe vom Tables darstellen. Die ganze Tabelle soll fix sein, da sie schon in ein zentriertes, fixes Frame eingebunden ist.

Mein Problem ist nun, dass ich es nicht schaffe, die untere Row (also zweite <tr>) an den unteren Rand des Frames zu binden, und zwar in jedem Fall. Das Frame ist 558px, die obere <tr> soll 500px, die untere 58px hoch sein.

Ich habe alle Rahmen und Zwischenräume mit border="0", cellspacing="0" und cellpadding="0" eigentlich eliminiert, dennoch bin ich mir aber nicht sicher ob die 58px und die 500px in das 558px hohe Frame passen...

Hier mal der Code der im Frame angezeigten Page:

<html>

<head>
<title> bla </title>
<meta name="author" content="Dennis">  
</head>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">  

<table width="992px" border="0" cellspacing="0" cellpadding="0">  
         <tr height="500px" cellspacing="0" cellpadding="0"></tr>  
		<td colspan="9" height="100%">hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo </td>  
                 <td colstan="2" valign="bottom"><h2>logo</h2></td>  
         <tr height="58px" cellspacing="0" cellpadding="0" valign="middle" align="center">  
                 <td width="50px" bgcolor="#00E0FF"></td>  
                 <td width="164px" bgcolor="#00C0FF" border="0" onMouseover="this.style.backgroundColor='#FFFFFF'" onMouseout="this.style.backgroundColor='#00C0FF'">  
                 Home</td>
                 <td width="18px" bgcolor="#00A0FF" border="0"></td>  
                 <td width="164px" bgcolor="#0060FF" border="0" onMouseover="this.style.backgroundColor='#FFFFFF'" onMouseout="this.style.backgroundColor='#0060FF'">  
                 Aktuell</td>
                 <td width="18px" bgcolor="#0040FF" border="0"></td>  
                 <td width="164px" bgcolor="#0020FF" border="0" onMouseover="this.style.backgroundColor='#FFFFFF'" onMouseout="this.style.backgroundColor='#0020FF'">  
                 Arbeiten</td>
                 <td width="18px" bgcolor="#0000DF" border="0"></td>  
                 <td width="164px" bgcolor="#00009F" border="0" onMouseover="this.style.backgroundColor='#FFFFFF'" onMouseout="this.style.backgroundColor='#00009F'">  
                 Biographie</td>
                 <td width="18px" bgcolor="#00E090" border="0"></td>  
                 <td width="164px" bgcolor="#FFBF00" border="0" onMouseover="this.style.backgroundColor='#FFFFFF'" onMouseout="this.style.backgroundColor='#FFBF00'">  
                 Kontakt</td>
                 <td width="50px" bgcolor="#00C070"></td>  
         </tr>


</table>

</body>
</html>


das ganze kann man unter http://childrotion.ch.funpic.de anschauen wenn man auf der ersten Seite auf das graue "click" klickt.


So long,

Racer2004

Content-Key: 56131

Url: https://administrator.de/contentid/56131

Printed on: April 23, 2024 at 23:04 o'clock

Mitglied: 4263
4263 Apr 08, 2007 at 20:29:17 (UTC)
Goto Top
also ich hab nun mal einen Fehler entdeckt: die table height .. wenn man die angibt klappts schonmal in IE, aber Firefox kommt immer noch nicht klar damit.

Die aktuelle Version:

[...]

<table width="992px" height="558px" border="0" cellspacing="0" cellpadding="0">  
         <tr height="500px" cellspacing="0" cellpadding="0"></tr>  
		<td colspan="9" height="100%">hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo hallo </td>  
                 <td colstan="2" valign="bottom"><h2>logo</h2></td>  
         <tr height="58px" cellspacing="0" cellpadding="0" valign="middle" align="center">  

[...]

PS:
Ich bin schon Stunden vor dem Problem gesessen, aber dass die table height fehlt ist mir erst jetzt beim erneuten lesen des Codes im Beitrag aufgefallen, sorry...
Mitglied: 46010
46010 Apr 12, 2007 at 23:38:19 (UTC)
Goto Top
hi,

height ist kein befehl gemäss html....

mit css läst sich das easy bewerkstelligen

<style type="text/css">
<!--
body, html, #wrapper{
padding: 0px;
height: 100%;
margin: 0px;
}
-->
</style>

der tabelle gibst du dann noch ne id, id="wrapper" und schon klappt das.

gruss c
Mitglied: 4263
4263 Apr 14, 2007 at 10:41:07 (UTC)
Goto Top
jup danke, funktioniert.

aber ich habe es aus funktionellen gründen nun mit frames gemacht.

-- solved --