html Tabellengrösse

Dieses Thema im Forum "Programmieren allgemein" wurde erstellt von Nemesis, 23.12.2005.

  1. #1 Nemesis, 23.12.2005
    Nemesis

    Nemesis N3RD

    Dabei seit:
    28.01.2005
    Beiträge:
    2.161
    Zustimmungen:
    0
    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?

    Code:
    <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
     
  2. Anzeige

    Schau dir mal diesen Ratgeber an. Viele Antworten inkl. passender Shell-Befehle!
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren
  3. sono

    sono Sack Flöhe Hüter

    Dabei seit:
    31.01.2004
    Beiträge:
    1.299
    Zustimmungen:
    0
    Ort:
    http://webfrap.de
    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 :

    Code:
    <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
     
  4. #3 Edward Nigma, 23.12.2005
    Edward Nigma

    Edward Nigma Back again!

    Dabei seit:
    30.08.2003
    Beiträge:
    1.193
    Zustimmungen:
    1
    Ort:
    Erde
    Ich würd auch nicht unbedingt 100% nehmen. Nimm besser 99.99%, dann sollte das auch passen. :)
     
  5. #4 Wolfgang, 23.12.2005
    Wolfgang

    Wolfgang Foren Gott

    Dabei seit:
    24.04.2005
    Beiträge:
    3.978
    Zustimmungen:
    0
    Ort:
    Erfurt
    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.
     
  6. #5 Nemesis, 24.12.2005
    Nemesis

    Nemesis N3RD

    Dabei seit:
    28.01.2005
    Beiträge:
    2.161
    Zustimmungen:
    0
    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:

    Code:
    <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?
     
Thema:

html Tabellengrösse

Die Seite wird geladen...

html Tabellengrösse - Ähnliche Themen

  1. html seite runterladen und die Inhalte als .txt-Date speichern

    html seite runterladen und die Inhalte als .txt-Date speichern: Hallo! Ich bin noch neu auf dem Gebiet, von daher denke ich sind meine Fragen für manche von euch recht simpel. Mit den Standardbefehlen habe ich...
  2. HTML5 jetzt offizieller Standard

    HTML5 jetzt offizieller Standard: Die HTML5-Arbeitsgruppe beim W3C hat HTML5 jetzt zur »Empfehlung« erhoben, womit die neue Generation der Auszeichnungssprache nun offiziell...
  3. html2text für ganzes Verzeichnis

    html2text für ganzes Verzeichnis: Hallo Versuche mit dem Programm html2text html nach txt zu konvertieren Syntax html2text test.html > test.txt klappt ohne Probleme, jetzt...
  4. FSFE: »Stoppt DRM in HTML5«

    FSFE: »Stoppt DRM in HTML5«: Die Free Software Foundation Europe fordert am heutigen »International Day Against DRM« in einem offenen Brief an die Europäische Kommission...
  5. Artikel: Präsentationen mit HTML und reveal.js

    Artikel: Präsentationen mit HTML und reveal.js: Klassischerweise werden Präsentationen und Vorträge mit Desktop-Programmen wie PowerPoint, Impress oder Keynote erstellt. Eine Alternative ist die...