variable Größe der Tabellenzeile

Questionmark

N'abend!

Eigentlich müsste es ganz einfach sein, aber ich schaff's irgendwie nicht...

Hier steht das Banner (nicht an der Farbgebung meckern, ist ein Test...) in einem überdimensional großen <td>.

Ich will aber, dass das <td> immer nur genauso hoch ist wie die eingebundene Grafik mit 10px Abstand nach oben und unten. margin, padding und Co blieb bei mir irgendwie alles ohne Erfolg und jetzt weiß ich nicht mehr weiter Ne feste Höhe kann ich dem <td> auch nicht zuweisen, da ich verschieden hohe Banner einbinden will und nicht jedesmal die Höhe mitändern will.

Danke euch schonmal,
Questionmark

yeti66

Questionmark,

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="expires" content="0">
<script type="text/javascript">
function laden()
{
if(location.search)
self.ifr.location.href=location.search.substring(1)
}
</script>
<style type="text/css">
body {color: black;font-size: 12px;font-family: arial,times new roman,microsoft sans serif;margin:0px;}
.banner {border-width: 10px; border-color:#FFFFFF;}	
.navi a   {display:block;width:130px;height:20px;line-height:20px;color:#4C4C4C;border-style:solid;border-color:#E6E6FF;border-top-width:0px;border-bottom-width:2px;border-left-width:0px;border-right-width:0px;margin:1px;font-size:13px;text-indent:10px;text-decoration:none;vertical-align:middle;}
.navi a:hover   {color:#003030;background-color:#F2F2FF;}
iframe {overflow:auto}
</style>
<title>10-fragen.de - das Quiz, das aktuelles Wissen belohnt</title>
</head>
<body onload="laden()">
<table border="0" cellspacing="0" cellpadding="0" style="width:1024px;height:100%;">
  <tr>
    <td colspan="3" style="height:45px;">[img]http://10-fragen.de/images/silber-logo.png[/img] </td>
  </tr>
  <tr>
    <td colspan="3" style="height:14px; background-image:url(http://10-fragen.de/images/trennstrich.jpg); background-repeat:repeat-x;"></td>
  </tr>
  <tr>
    <td  colspan="3" style="text-align:center; border:#999999 1px dotted; height:80px;">[img]http://10-fragen.de/images/logo_10-f_468x60.gif[/img] </td>
  </tr>
  <tr>
    <td style="width:140px; vertical-align:top;"><div class="navi" style="margin-left:5px; margin-top:5px;"> [url='start.php']Startseite[/url] [url='newsletter.php']Newsletter[/url] [url='gewinnplan.php']Gewinnplan[/url] [url='ts2.8/index.php']Freunde einladen[/url] [url='kontakt/index.php']Kontakt[/url] </div></td>
    <td style="width:10px;"></td>
    <td style="width:730px;"><iframe src="start.php" width="100%" height="100%" name="inhalt" frameborder="0" scrolling="yes">



Leider kann ihr Browser keine i-frames anzeigen - diese sind n&ouml;tig um 10-fragen.de optimal nutzen zu k&ouml;nnen.


        Sie k&ouml;nnen die Startseite auch erreichen, indem sie [url='start.php']HIER[/url] klicken.


        


        Um diese Seite aber im vollen Umfang und Comfort nutzen zu k&ouml;nnen, empfehle ich Ihnen den Firefox-Browser
        zu installieren. Diesen k&ouml;nnen Sie [url='http://www.firefox-browser.de/']HIER[/url] kostenlos downloaden. 
      </iframe></td>
    <td style="width:140px;"></td>
  </tr>
  <tr>
    <td colspan="3" style="height:1px; background-image:url(images/trennstrich_kl.jpg); background-repeat:repeat-x;"></td>
  </tr>
</table>
</body>

Alles anzeigen

Gruß yeti66

Questionmark

Danke für den Code,

aber wenn ich das richtig sehe, dann muss ich ja doch je nach Banner die Größe erneut anpassen und genau das will ich vermeiden!

Ich will eine Tabellenzelle, die in sich zusammenfällt (also nicht mehr sichtbar ist) wenn kein Inhalt drinsteht und mit Inhalt die Höhe des Inhaltes plus 10px oben und unten annimmt.

Grüße,
Questionmark

Questionmark

Boah Leutz,

bin jetzt nervlich leicht geschädigt Ich kriegs einfach net hin - hab's jetzt schon mit Tabelle in Tabelle versucht etc. etc.
auch Möglichkeiten, die meinen Quelltext total aufgebläht haben sind nicht zu kurz gekommen, aber es will einfach nicht klappen
- oder besser gesagt: Es will nicht klappen bei gleichzeitiger Beibehaltung meiner bisherigen Formatierung...

Ich geb auf - muss wohl klappen mit fest eingestellter <td> Größe

Wenn jemandem was besseres einfällt, bin ich dafür natürlich gern zu haben.

Danke dennoch an all diejenigen, die sich Gedanken gemacht haben.

yeti66

Questionmark,

ja, wie auch, wenn Du mit table height:100% die Tabelle streckst passen sich alle Zeilen in der Höhe ohne Höhenangabe anteilig an.
TABLE höhe löschen und Zeile:

Code

........"http://10-fragen.de/images/logo_10-f_468x60.gif" height="60" alt="Logo" border="0"> </td>
  </tr>
  <tr height="100%">/*<----------------------hier-------------*/
    <td style="width:140px; vertical-align:top;"><div class="navi" style="margin-left:5px; margin-top:5px;"> [url='start.php']Startseite[/url] [url='newsletter.php']Newsletter[/url] [url='gewinnplan.php']Gewinnplan[/url] [url='ts2.8/index.php']Freunde einladen[/url] [url='kontakt/index.php']Kontakt[/url] </div></td>......................

Die fixe Höhenangabe in der Bannerzelle kannst Du dan löschen.

Gruß yeti66

Questionmark

Nup, das Ganze funktioniert (bei mir zumindest) nicht...

Das hat auch schon mal zu einer meiner vielen Probiervarianten gehört....

Du kannst dich hier davon überzeugen, wie es aussieht (ich denke mal, ich hab alles gemäß deines Vorschlags abgeändert...)

Das sich die 100% anteilig auf die Reihen mit nicht fixen Höhen verteilen, war mir neu - obwohl es im Nachhinein natürlich sehr logisch ist....

Schon wieder was gelernt

Gruß,
Questionmark

yeti66

Questionmark,

ja es ist schon eine Kreuz mit dem Kreuz (äh .....Tabellen). Sorry da war ich wohl zu fix.
Aber jetzt funktioniert es. Habe noch ein

geschlossen und <html> fehlte völlig.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="expires" content="0">
<script src="scriptaculous-js-1.6.5/lib/prototype.js" type="text/javascript"></script>
<script src="scriptaculous-js-1.6.5/src/scriptaculous.js" type="text/javascript"></script>
<script src="scriptaculous-js-1.6.5/src/unittest.js" type="text/javascript"></script>
<script type="text/javascript">
function laden()
{
if(location.search)
self.ifr.location.href=location.search.substring(1)
}
</script>
<style type="text/css">
body {
	color: black;
	font-size: 12px;
	font-family: arial,times new roman,microsoft sans serif;
	margin:0px;
	}
.navi a   {
          display:block;
          width:130px;
          height:20px;
          line-height:20px;
          color:#4C4C4C;
          border-style:solid;
          border-color:#E6E6FF;
          border-top-width:0px;
          border-bottom-width:2px;
          border-left-width:0px;
          border-right-width:0px;
          margin:1px;
          font-size:13px;
          text-indent:10px;
          text-decoration:none;
          vertical-align:middle;
          }


.navi a:hover   {
          color:#003030;
          background-color:#F2F2FF;
          }
iframe {
	overflow:auto
	}
td#werbungoben {
	text-align:center;
	vertical-align:middle;
	}
</style>
<title>10-fragen.de - das Quiz, das aktuelles Wissen belohnt</title>
</head>
<body onload="laden()">
<table border="0" cellspacing="0" cellpadding="0" style="width:1024px;height:100%;">
  <tr>
    <td colspan="3" style="height:45px;">[img]http://www.10-fragen.de/images/silber-logo.png[/img] </td>
  </tr>
  <tr>
    <td colspan="3" style="height:14px; background-image:url(http://www.10-fragen.de/images/trennstrich.jpg); background-repeat:repeat-x;"></td>
  </tr>
  <tr>
    <td colspan="3" id="werbungoben">[img]http://www.10-fragen.de/images/logo_10-f_468x60.gif[/img] </td>
  </tr>
  <tr style="height:100%;">
    <td style="width:140px;height:100%; vertical-align:top;"><div class="navi" style="margin-left:5px; margin-top:5px;"> [url='start.php']Startseite[/url] [url='newsletter.php']Newsletter[/url] [url='gewinnplan.php']Gewinnplan[/url] [url='ts2.8/index.php']Freunde einladen[/url] [url='kontakt/index.php']Kontakt[/url] </div></td>
    <td style="width:10px;height:100%;"></td>
    <td style="width:730px;height:100%;"><iframe src="http://www.10-fragen.de/start.php" width="100%" height="100%" name="inhalt" frameborder="0" scrolling="yes">



Leider kann ihr Browser keine i-frames anzeigen - diese sind n&ouml;tig um 10-fragen.de optimal nutzen zu k&ouml;nnen.


        Sie k&ouml;nnen die Startseite auch erreichen, indem sie [url='start.php']HIER[/url] klicken.


        


        Um diese Seite aber im vollen Umfang und Comfort nutzen zu k&ouml;nnen, empfehle ich Ihnen den Firefox-Browser
        zu installieren. Diesen k&ouml;nnen Sie [url='http://www.firefox-browser.de/']HIER[/url] kostenlos downloaden.</p>
      </iframe></td>
    <td style="width:140px;"></td>
  </tr>
  <tr>
    <td colspan="3" style="height:1px; background-image:url(images/trennstrich_kl.jpg); background-repeat:repeat-x;"></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Gruß yeti66 P.S.: Ich merke ich werde nachlässig .

Questionmark

Zitat von yeti66

Aber jetzt funktioniert es.

In der Tat - alles bestens!

Vielen Dank für deine Hilfe!
Questionmark

variable Größe der Tabellenzeile

Tags

Benutzer online in diesem Thema