problem mit table

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • problem mit table

    hi,

    habe folgendes table gerüst:
    Code:
    <table width="768" cellpadding="0" cellspacing="0">
    	<tr>
    		<td rowspan="5" bgcolor="#aba6a4">
    			blah		</td>
    		<td width="12" rowspan="5"></td>
    		<td width="244" height="52" bgcolor="#696767">
    	             </td>
    	</tr>
    	<tr>
    		<td height="8"></td>
    	</tr>
    	<tr>
    		<td width="244" height="77" bgcolor="#787471" valign="top">blah</td>
    	</tr>
    	<tr>
    		<td height="8"></td>
    	</tr>
    	<tr>
    		<td width="244" height="100%" bgcolor="#787471">&nbsp;</td>
    	</tr>
    </table>
    das problem hierbei ist die letzte zeile. die enthält 5 elemente (siehe anhang. farben sollen nur der unterscheidung der verschiedenen <td> dienen). das unterste davon (im bild grün) soll siene größe dynamisch verändern, je nach dem wie das große <td> (schwarz) nach unten geht. auch damit die oberen 4 elemente ihre feste höhe beibehalten und nicht zerreissen.

    hab jetzt schon viel probiert, komme aber einfach nicht weiter. weiß vielleicht jemand woran es liegen könnte?
    Angehängte Dateien
    Erfahrungen vererben sich nicht jeder muss sie allein machen.

  • #2

    http://seybold.jan-andresen.de/
    Sag ich dazu nur...

    Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

    bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
    Wie man Fragen richtig stellt

    Kommentar


    • #3
      nun ja, die antwort bringt mich leider nicht weiter. zudem besteht das ganze gerüst schon aus layern, nur finde ich es besser für diesen bereich eine tabelle zu benützen
      Erfahrungen vererben sich nicht jeder muss sie allein machen.

      Kommentar


      • #4
        so, hab das ganze mal geändert. jetzt sieht es so aus:
        Code:
        <table width="768" height="100%" cellpadding="0" cellspacing="0">
        	<tr>
        		<td bgcolor="#aba6a4">
        			blah
        		</td>
        		<td width="12"></td>
        		<td width="244" valign="top">
        			<table height="100%" cellpadding="0" cellspacing="0">
        				<tr valign="top">
        					<td width="244" height="52" bgcolor="#696767" valign="top">
        						blah
        					</td>
        				</tr>
        				<tr>
        					<td height="8"></td>
        				</tr>
        				<tr>
        					<td width="244" height="77" bgcolor="#787471" valign="top">
        						blah
        					</td>
        				</tr>
        				<tr>
        					<td height="8"></td>
        				</tr>
        				<tr>
        					<td width="244" height="100%" bgcolor="#787471">&nbsp;</td>
        				</tr>
        			</table>
        		</td>
        	</tr>
        </table>
        im ff klappt es. da hat der letzte td eine dynamische höhe. der ie will aber nicht.
        müsste den nicht bei height="100%" der rest ausgefüllt werden?
        Erfahrungen vererben sich nicht jeder muss sie allein machen.

        Kommentar


        • #5
          Leere td sind immer schlecht. Selbst wenn sie leer erscheinen sollen, schreib wenigstens ein &amp;nbsp; rein. Die Zeilenhöhe sollte dann aber dein font-size nicht unterschreiten - ggf. font-size: 1px;.

          <table height: 100%> fetzt übrigens auch nicht so

          Ich zieh schon mal den Kopf ein...
          Zuletzt geändert von Husti; 26.06.2007, 13:10.
          Und ist man alt wie ein Kuh, lernt man immer noch dazu.
          THX, LOL, ROFL & Co. -> Netzjargon auf Wikipedia

          Kommentar


          • #6
            Original geschrieben von joextra
            nun ja, die antwort bringt mich leider nicht weiter. zudem besteht das ganze gerüst schon aus layern, nur finde ich es besser für diesen bereich eine tabelle zu benützen
            Warum?
            (Anm. d. Verfassers: Das war eine rein rhetorische Frage.)

            Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

            bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
            Wie man Fragen richtig stellt

            Kommentar


            • #7
              @Husti
              es ist schon ein &nbsp; vorhanden

              Die Zeilenhöhe sollte dann aber dein font-size nicht unterschreiten - ggf. font-size: 1px;
              ich verstehe nicht so ganz was das bringen soll
              Erfahrungen vererben sich nicht jeder muss sie allein machen.

              Kommentar


              • #8
                also ich habe herausgefunden, das es am doctype liegt:
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                nur nicht an was genau.

                so funktioniert es auch nicht:
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

                so hingegen schon:
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                Erfahrungen vererben sich nicht jeder muss sie allein machen.

                Kommentar


                • #9
                  Die Definition einer Tabellenhöhe gibt es offiziell nicht.

                  Die Zeilenhöhe sollte dann aber dein font-size nicht unterschreiten - ggf. font-size: 1px;
                  was das bringen soll:
                  Annahme eine leere Zeile soll (vom Layout her) genau 5px hoch sein, die Schriftgröße in td ist jedoch 11px, dann müsste die Schriftgröße in td mit max. 5px neu definiert werden.
                  Ich gebe zu, in deinem Fall taugt das wohl eher nix.

                  Hast du schon mal versucht mit einem sich vertikal wiederholenden Hintergrundbild im div zu arbeiten, wenn es um Hintergundfarben geht?

                  Aber vielleicht sitze ich ja auch nur im völlig falschen Bus?
                  ich bin einfach zu langsam: dann nimm doch the last one.
                  Zuletzt geändert von Husti; 26.06.2007, 17:04.
                  Und ist man alt wie ein Kuh, lernt man immer noch dazu.
                  THX, LOL, ROFL & Co. -> Netzjargon auf Wikipedia

                  Kommentar


                  • #10
                    Original geschrieben von joextra
                    also ich habe herausgefunden, das es am doctype liegt:
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                    <html xmlns="http://www.w3.org/1999/xhtml">
                    nur nicht an was genau.

                    so funktioniert es auch nicht:
                    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

                    so hingegen schon:
                    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                    Es sollte dir zu denken geben, wenn deine Programmierung nur mit einem mangelhaften Doctype funktioniert...

                    Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

                    bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
                    Wie man Fragen richtig stellt

                    Kommentar

                    Lädt...
                    X