PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : html Tabellengrösse


Nemesis
23.12.2005, 19:42
hi,
ich bin dabei für nen kumpel ne hp zu programmieren, jetzt habe ich folgendes problem:
ich nutze ne tabelle, die 100% breite haben soll, um die seite bei jeder bildschirmauflösung gleich darstellen zu können, aber er nimm die 100% nicht an, er macht sie immer breiter, aber ich finde den fehler nicht, kann mir da jemand helfen?


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

<style type="text/css">
a:link { text-decoration:none; color:#FFFFFF; font-size:15;}
a:visited { text-decoration:none; color:#FFFFFF; font-size:15;}
a:hover { text-decoration:underline overline; color:#FFFFFF; font-size:15;}
a:active { text-decoration:none; color:#FFFFFF; font-size:15;}
a:focus { text-decoration:none; color:#FFFFFF; font-size:15;}

table { width:100%;}
</style>


</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="table-layout:fixed">

<table id="Tabelle" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/index_01.gif" width="533" height="26" alt=""></td>
<td rowspan="5" background="images/index_02.gif" height="104"> </td>
</tr>
<tr>
<td colspan="6" background="images/index_03.gif" width="152" height="19"><p align="right"><a href="#">Link</a></p></td>
<td>
<img src="images/index_04.gif" width="23" height="19" alt=""></td>
<td rowspan="4">
<img src="images/index_05.gif" width="358" height="78" alt=""></td>
</tr>
<tr>
<td colspan="5" background="images/index_06.gif" width="125" height="18"><p align="right"><a href="#">Link</a></p></td>
<td colspan="2">
<img src="images/index_07.gif" width="50" height="18" alt=""></td>
</tr>
<tr>
<td colspan="4" background="images/index_08.gif" width="102" height="20"><p align="right"><a href="#">Link</a></p></td>
<td colspan="3">
<img src="images/index_09.gif" width="73" height="20" alt=""></td>
</tr>
<tr>
<td colspan="3" background="images/index_10.gif" width="83" height="21"><p align="right"><a href="#">Link</a></p></td>
<td colspan="4">
<img src="images/index_11.gif" width="92" height="21" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_12.gif" width="66" height="22"><p align="right"><a href="#">Link</a></p></td>
<td colspan="3">
<img src="images/index_13.gif" width="59" height="22" alt=""></td>

<td colspan="4" rowspan="4" bgcolor="#FF7F00" valign="top"></td>
</tr>
<tr>
<td background="images/index_15.gif" width="51" height="24"><p align="right"><a href="#">Link</a></p></td>
<td colspan="4">
<img src="images/index_16.gif" width="74" height="24" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/index_17.gif" width="125" height="143" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/index_18.gif" width="125" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Abstandhalter.gif" width="51" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="27" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="358" height="1" alt=""></td>
<td>
<img src="images/Abstandhalter.gif" width="1147" height="1" alt=""></td>
</tr>
</table>
</body>
</html>

thx
sono
23.12.2005, 20:23
Mit den ganzen col und rowspans wird man wahnsinnig .

Verschachtel Lieber deine Tabellen oder schau dir gleich an wie man divs mit css formatiert.

Das mit dem Verschachteln sie ca so aus :



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

<style type="text/css">
a:link { text-decoration:none; color:#FFFFFF; font-size:15;}
a:visited { text-decoration:none; color:#FFFFFF; font-size:15;}
a:hover { text-decoration:underline overline; color:#FFFFFF; font-size:15;}
a:active { text-decoration:none; color:#FFFFFF; font-size:15;}
a:focus { text-decoration:none; color:#FFFFFF; font-size:15;}

/*table { width:100%;}*/
</style>


</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >

<table>
<tr>
<td colspan="2" height="20%">Ich bin oben</td>
</tr>
<tr>
<td width="20%">Ich bins Menu</td>
<td>
<table>
<tr>
<td>Ich bin der Haupteil</td>
</tr>
</table>
</td>
</tr>
<tr><td colspan="2" height="10%">
Ich bin der Footer
</td></tr>

</table>


</body>
</html>


Da findest du deine Fehler schneller und es ist übersichtlicher , finde ich jetzt zumindest .

Gruß Sono
Edward Nigma
23.12.2005, 20:28
Ich würd auch nicht unbedingt 100% nehmen. Nimm besser 99.99%, dann sollte das auch passen. :)
Wolfgang
23.12.2005, 21:04
Hallo

Wenn du mit absolten Breitenangaben im <TD> Tag arbeitest, wirst du zwangsläufig auch diese Größe 100%-ig bekommen. ;)
Was erwartest du sonst?

Wenn du screenunabhängig arbeiten willst, darfst du auch keine absoluten Angaben (width) machen.

Entweder du verwendest dort auch xx%, oder nutzt die Aufteilung in Tabellen mittels css in Prozent.

Natürlich kannst du auch reines CSS-Style via <DIV> verwenden, aber die Darstellung in den verschiedenen Browsern ist nicht immer die erwartete.

Gruß Wolfgang
PS Nur so nebenbei: HTML schreiben hat mit Programmieren nix zu tun. Dafür gibt es hier aber kein Forum, deshalb ist das wohl richtig hier aufgehoben.
Nemesis
24.12.2005, 14:49
hier mal ein kleines beispiel:

1 tabelle mit einer zeile und 2 spalten, die tabelle soll 100% hoch und breit sein, allso bei jeder bildschirmauflösung den bildschirm voll ausfüllen.

das bild das in die erste spalte kommt ist 450px gross, die zweite spalte beliebig, also gebe ich doch an:



<table width="100%" height="100%">
<tr>
<td bavkground="blabla.jpg" width="450"> </td>
<td bgcolor="#000000"> </td>
</tr>
</table>


so müsste er doch jetzt die erste spalte bei jedem 450px breit machen, und die 2te spalte dann den rest des bildschirms?