Tabellenproblem
Hannes
- html
Guten Tag Leute.
Ich ahbe ein Problem an dem ich langsam wirklich verzweifele....
Und zwar versuche ich meine , bis jetzt mit frames realisierte Seite auf eine Tabelle umzustellen..
Ist auch im Prinzip kein Problem nu mit einem Element darin komm ich nicht so recht klar.
Es geht ums Logo und das Navigationsmenü.
Es soll nun so sein das der obere Teil der Tabelle aus drei Spalten besteht (Logo). Darunter nochmals eine Zeile mit drei Spalten (Menü), darunter eine Zeile mit einer Spalte (Hauptfenster) und darunter wiederum eine Zeile mit drei Spalten (Infos wie letzte aktualisierung usw...)
Am besten wird es wohl sein wenn ichs an ner Beispielseite zeige:
<a href="http://hosted.barrysworld.net/nemoonline/bs.html" target="_blank">Beispielseite</a>
Nun zur Erklärung. (Sorry wenns ein wenig länger dauert...)
Dunkelgrün und Hellgrün sollen immer 640 weit sein. Höhe spielt keine Rolle.
Nun sollen aber die Rot und Gelben Spalten nicht immer hundert (wie in diesem Fall) sonder sich relativ zur Bildschirm auflösung ändern...
Wenn also die Auflösung 800*600 ist sollen die Grünen Spalten 640 pixel weit sein und z.B. jedes der beiden roten Kästchen 80 pixel weit sein.
Es soll also so sein das die beiden Kästchen sich jeweils der Auflösung anpassen und beide gleich gross sind.
Die Grünen sollen halt immer 640 und in der Mitte sein..
Hat jemand ne Ahnung wie das geht?
<tr>
<td bgcolor="#ffffff" width="100%" height="80">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ff0000" width="100" height="80"></td>
<td bgcolor="#00aa00" width="640" height="80"></td>
<td bgcolor="#ff0000" width="100" height="80"></td>
</tr>
</table>
</td>
</tr>
Was muss ich hier anstatt der Werte 100 eintragen? * geht nicht.. und auch mit prozenten kommt man nicht weiter..
Bin dankbar für alle Anregungen und nochmehr natürlich für Lösungen!
Mfg
Hannes
Hallo Hannes
Vieleicht ist meine Antwort etwas mit Kanonen auf Spatzen, aber:
Frage per JS die Bildschirmauflösung ab. Setze in Abhängigkeit davon eine Variable.
Schreibe die Tabelle per JS dynamisch in Abhängigkeit von der Auflösung. Voilá.
´Viele Grüße
Harald
Hab ich auch schon gedacht aber es mit der Variante muss man dann bei einer aktualisierung einer Seite alle varianten aktualisieren...
Bei einer grossen Änderung viermal so viel Arbeit...
(Je nachdem für wie viele Auflösungen man eingestellt hat)
Ist zwar ne möglichkeit aber nicht die, die ich suche.
Sorry aber danke für den Versuch.
Hallo Hannes,
[...]
kann sein, dass ich es nicht ganz kapiert habe, aber warum eigent-
lich nicht so:
<html><head>
<title>test</title>
</head><body bgcolor="#000000">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#FF0000" height="80"><td width="50%">links oben</td>
<td><table width="640" height="80" border="0" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#00AA00" height="80">oben</td></tr></table></td>
<td width="50%">rechts oben</td></tr>
<tr bgcolor="#FFFF00" height="118"><td>links mitte</td>
<td><table width="640" height="118" border="0" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#00BB00" height="118">mitte</td></tr></table></td>
<td>rechts mitte</td></tr>
<tr bgcolor="#FF00FF" height="100%"><td colspan="3">bla<br>bla<br>bla<br>bla<br>
bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla</td></tr>
<tr align="center" bgcolor="#0000FF" height="88"><td colspan="3">unten</td></tr>
</table>
</body></html>
?
Viele Grüße aus Dresden,
Stefan Einspender
Ist im Prinzip auch richtig.
Aber wenn jemand mit Auflösung 640*480 diese Datei öffnet bleibt obenlinks trotzdem mit einem schmalem Rand da, obwohl bei 640*480 links und rechts kein Rand mehr sein sollte...
Deshalb meinte ich ich verzweifel daran.
Denn all diese möglichkeiten hab ich schon versucht aber keine hat funtioniert..
Trotzdem danke ich für die Antwort.
bye
Hallo nochmal,
Aber wenn jemand mit Auflösung 640*480 diese Datei öffnet bleibt obenlinks trotzdem mit einem schmalem Rand da, obwohl bei 640*480 links und rechts kein Rand mehr sein sollte...
Deshalb meinte ich ich verzweifel daran.
Denn all diese möglichkeiten hab ich schon versucht aber keine hat funtioniert..
wenn jemand mit 640x480'er Auflösung diese Seite öffnet, dann sieht
er _garantiert_ einen horizontalen Scrollbalken und der ist weitaus
schlimmer ist :(
Wenn diese Aussenzellen sowieso leer sind, dann kannst Du dort auch
jeweils ein grünes GIF reinlegen (in den beiden linken Zellen rechts-
bündig, in den beiden rechten Zellen linksbündig), dem Du dann auch
gleich die richtige Höhe (80 bzw. 118 Pixel) zuweist.
Ich bin mir sicher, dass diesen Trick nur sehr, sehr wenige Deiner
Besucher merken.
Viele Grüße aus Dresden,
Stefan Einspender
Auch von mir mal Hallo,
wenn jemand mit 640x480'er Auflösung diese Seite öffnet, dann sieht
er _garantiert_ einen horizontalen Scrollbalken und der ist weitaus
schlimmer ist :(
Meinte ich ja. Sieht sehr unschön aus...
Wenn diese Aussenzellen sowieso leer sind,
Sind sie nicht. Es sollen Grafiken rein.
<a href="http://hosted.barrysworld.net/nemoonline/">Nemo Online (test)</a>
Das ist das jetzige Testdesign das sich aber nicht als gut funktionsfähig herausgestellt hat...
Und nun sol es halt so sein, dasss das Flashmenü und Logo in die Mitte kommt und die HG Grafik in unendlichreihenfolge als BG links und rechts eingesetzt wird.
Damit es für alle Auflösungen hinhaut..
Aber das ist das Problem. Es scheint nicht lösbar.. =/
Die alternative wäre das Menü und Logo links (bzw rechts) stehen und rechts dann diese Grafik je nach Auflösung unendlich weiterläuft (Bis zum Bildschirmrand rechts).. Allerdings gefällt mir das nicht. Dadurch wäre viel ansehnlichkeit der Seite verloren, wie ich glaube..
Grüsse aus Lübeck
Hannes
<a href="http://hosted.barrysworld.net/nemoonline/bs.html" target="_blank">Beispielseite</a>
http://www.teamone.de/selfaktuell/forum/faq/forumsfaq_2.htm#a4