Tabellenabstand & Bildlaufleiste
Pepe
- css
0 Til S.0 Pepe
0 holger kuehne
Hallo Forumers !
Ich gestalte gerade aus Langeweile meine uralt_Homepage neu, diese verwendet Frames. Um nicht wie bisher per Javascript für verschiedene Auflösungen HTMLdokumente und Hintergrundbilder zu laden, setze ich nun im rechten Frame das backroundGif in einen Tabellenhintergrund und positioniere diese Tabelle mittels align="right" am rechten Bildschirmrand.
Problem No1:
Leider ist beim IE 5 nun noch ein schwarzer Rand rechts, beim NN4.6 zusätzlich ein weiterer unten am zu sehen:
http://nonline.de/t/test1.htm
Um dieses zu vermeiden setzte ich im Framset scrolling für das rechte Frame auf "yes". Mit der nun im IE ewig erscheinenden rechten Scrolleiste könnte man zumindest leben, aber die zusätzliche Leiste untem im NN ist wirklich sehr hässlich:
http://nonline.de/t/test2.htm
Auch wenn ich laut Archivangaben (allerdings bezogen auf divs) keiner guten Hoffnung bin daran etwas ändern zu können, möchte ich doch mal nachfragen ob es diesbezgl. nicht Möglichkeiten gibt die Tabelle so zu positionieren, daß sie tatsächlich am Rand anliegt. Ich habe es im Endeffekt mit sovielen Zeilenumbrüchen versucht, daß selbst bei einer Auflösing von 1280x1024 noch eine Scrolleiste zu sehen ist, dies scheint mir aber kein besonders eleganter Weg zu sein.
Vielleicht kennt ja von Euch auch jemand einen anderen Ansatz wie man eine solche Positionierung erreichen könnte..
Problem No2:
Nun muss ja in das rechte Frame auch noch Inhalt und dieser soll mittels CSS ca. 10% vom Rand oben und links entfernt gehalten werden. Sobald man den genannten Abstand für den body wählt gibts natürlich eine ziemliche Sauerei, da ja auch die rechte Tabelle 10% tiefer gestzt wird.. ich habe das ganze zwar bereits mittels Einklammern des Inhalts in ein div gelöst http://nonline.de/t/test5.htm, allerdings möchte ich nachfragen was es mit folgendem auf sich hat was ich vorher probierte:
Der Inhalt kommt in eine zweite Tabelle welche mittels align="left am linken Rand positioniert wird. Wenn man nun den Abstand für eine Spalte dieser Tabelle (hier class="q") mittels CSS auf oben genannte Werte setzt, funzt es im NN, nicht dafür aber im IE:
http://nonline.de/t/test3.htm
Vergibt man die Werte für die ganze Tabelle, funzt es im IE, im NN gibts allerdins Sauerei:
http://nonline.de/t/test4.htm
Ich bin mal wieder geschockt warum beide Browser das ganze so unterschiedlich interpretieren. Kann mir dies jemand erklären, habe ich etwas nicht bedacht ?
</mfg pepe>
also zumindest für den IE ist die ganze Sache sehr einfach:
per CSS kannst Du so ziemlich alles beim Hintergrundbild kontrollieren, z.B.:
<style type="text/css">
body { background-image:url(back.gif); background-position:right;background-repeat:repeat-y; }
</style>
steht übrigens alles in selfhtml
ebenfalls kannst Du die scrollbars kontrollieren:
document.body.scroll="no" bzw. "yes"
(hättest Du im Archiv gefunden !)
über den NS hab ich noch nicht nachgedacht
l.g. til
Hallo Til !
also zumindest für den IE ist die ganze Sache sehr einfach: [...]
steht übrigens alles in selfhtml
Weiss ich doch. Aber ich wills halt auch irgendwie für den Netscape hinbiegen (der kennt kein background-position)..
ebenfalls kannst Du die scrollbars kontrollieren:
document.body.scroll="no" bzw. "yes"
»» (hättest Du im Archiv gefunden !)
Also ich hab's in JavaScript bereits mit window.scrollbars.visible... probiert und es kahm das selbe dabei heraus als wenn ich das ganze im Frameset definiere. Zum body Objekt finde ich derzeit nirgends eine wirkliche Referenz.. bin noch nie so'n JavaScript Crack gewesen aber ich denke das mit body.scroll dürfte auch nicht klappen.
Ich gehe aber bereits einer anderen Idee nach, die allerdings (wie sollte es auch anders sein ;-) noch nicht so recht funzt..
</mfg pepe>
Hi Pepe
Ich wuerde das ganze viel einfacher loesen:
Einfach ein neues Frameset mit 3 Frames schreiben wobei der linke Frame bleibt wo er ist und der rechte in 2 Frames aufgeteilt ist. Dabei steht im Mittleren der Inhalt und im Rechten der Hintergrund. Das einzige Problem was du dann noch nast ist, dass die Scrolleiste nicht mehr ganz rechts ist sondern zwischen dem mittleren und dem rechten Frame. Ausser du willst irgendwie mit DHTML navigieren ;-)
Falls dir das nicht behagt:
Du kannst voellig ohne CSS erreichen, dass deine linke Tabelle 10pixel von oben und 10Pixel von links Anfaengt indem du sie folgendermassen definierst:
<html>
<head>
<title></title>
<meta name="author" content="holger">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table align="left" border=0 cellpadding=0 cellspacing=0>
<tr><td colspan=2 bgcolor=blue><img src="nix.gif" alt="" width=10 height=10 border="0"></td></tr>
<tr>
<td bgcolor=green width=10><br></td>
<td bgcolor=red height=300 width=500 valign=top>Hier steht alles drin</td>
</tr>
</table>
</body>
</html>
viele Gruesse Holger