table fixieren / feste seitenränder

[martin.laux]

servus liebe foren-gemeinde,

ich bastel gerade an meiner seite http://beta.vloged.de - auf meinem mac im safari sah alles soweit schick aus, also zumindest in anbetracht der tatsache, das die seite halt noch im aufbau ist - jedoch verwurstet mir der Internet Explorer die Seite. Sprich: Safari 3 - alles top, IE6 - flop.

größtes problem ist die verschiebung der tabelle, die dann nicht mehr zum hintergrundbild passt. hier die frage: kann man die tabelle irgendwie vom seitenrand fixieren? ich habe es über css versucht mit margin-left und auch direkt im table-tag, jedoch ohne erfolg!

außerdem habe ich allgemein das gefühl, das der IE manche CSS-Angaben nicht erkennt. kann das sein?

viele grüße und schonmal besten dank!

martin

[sadcrow]

Da ich und sicherlich auch viele andere keinen Safari benutzen können, wärs nicht schlecht wenn wir einen Sceenshot von der Verschiebung sehen könnten. Firefox und IE stellen die ganze Geschichte ja gleich dar.

[martin.laux]

Okay, kein Problem! Aber nicht verwechseln: Im Safari sieht alles so aus, wie es aussehen soll. Nur im Internet Explorer gibt's Probleme. Die fehlerhafte Verschiebung müsstest du dir also anschauen können.

Ideal sollte es so aussehen:

[sadcrow]

also im Firefox und im IE siehts so aus:

Untitled-1.jpg (220.95 KiB) 134-mal betrachtet

pregnante Fehler entdecke ich nur in der Footergegend. Das kriegst du aber in den Griff in dem du die class="footer" löschst und das per html machst ohne irgendwelche css bezeichnungen.

[Karl]

Gleiches in Opera, da siehts genauso aus. (Bis auf den Plugincontend, der is da)

lg karl

[martin.laux]

Besten Dank für die Antworten soweit! Das es in anderen Browsern mist ausschaut, wusste ich ja bereits. Die Tabellen scheinen sich irgendwie zu verschieben.

Daher suche ich nach einer möglichkeit die tabelle / "table" z.B. 50px vom seitenrand zu entfernen und dort zu fixieren. momentan ist die tabelle ja automatisch immer in der mitte des bildschirmes.

weiß einer wie das geht?

Edit: Habe jetzt noch ein bisschen an der Seite gearbeitet, vielleicht schaut es jetzt anders aus?

[Manuel]

Hallo Martin!

Wofür genau verwendest du die Tabelle denn? Hab mal kurz durch deinen Quellcode geschaut. Du solltest unbedingt mal auf HTML/XHTML achten. Du schreibst <br>, hast aber als DOCTYPE XHTML angegeben, wo man <br /> schreibt. Gleiches gilt für das img-Tag mit <img src="" alt="" />. Zudem würde ich das font-Tag einfach gar nicht mehr nutzen. Dafür gibt es CSS und das räumt den Quellcode weiter auf. Aufräumen bedeutet sauberen Quellcode und somit weniger Fehler. Also da würde ich auch definitiv mal drauf achten.

Lg,
Manuel

[martin.laux]

Mit HTML/XHTML hast du recht. Aber den Font Tag benutze ich eigentlich nicht mehr (hatte ich zwischendurch nur mal ausprobiert, weil ich vermutete, das CSS nicht von allen Browsern 100%ig gleich interpretiert wird).

Mit der Tabelle ermögliche ich das 3 Spalten Layout, ohne würde alles untereinander stehen.

[Manuel]

Nun ja, das Nebeneinander wäre weniger das Problem. Du kannst dir dafür ja mal mein CSS-Tutorial anschauen. Was aber ein Problem ist, ist die automatische Verlängerung der Spalten nach unten hin. Aber auch das wäre machbar in deinem Fall, in dem du einen großen div-Layer verwendest, den Hintergrund mit 1 Pixel Höhe auf repreat-y setzt und dann in diesem Layer entsprechend deine 3 Boxen nebeneinander anlegst. Diese Lösung wäre auf jeden Fall recht sauber und schön.

Ich kann gerade leider nur gar nicht einschätzen, wie gut dein Wissensstand ist, nicht dass ich dir hier Dinge erzähle die du eh schon lange weisst.

[martin.laux]

ich bin gerade erst dabei, mich in das thema css usw. einzuarbeiten. habe vorher ein bisschen html und php gemacht, bin aber lange kein profi. ist halt ein hobby. genau aus diesem grund kann ich dir leider auch nicht ganz folgen

ich mein - hab ich es nicht so gemacht? hintergrund ist auf repeat-y, nur ein bisschen höher als 1px. was bringt div im vergleich zum table für einen vorteil? mein problem ist ja, das hintergrund und content nicht immer zueinander passt und sich verschiebt. und margin-left funktioniert leider nicht (warum auch immer). denn dem hintergrund kann ich ja nen festen platz zuweisen. das müsste ich jetzt nur irgendwie mit dem rest hinkriegen. wäre super, wenn du mir da irgendwie helfen könntest. dein tutorial schau ich mir mal näher an, auch wenn mich das jetzt beim speziellen problem nicht so weit bringt, oder?

viele grüße und besten dank,

martin

[Ingo]

Hi, Martin.

Es ist einigermaßen schwierig, den HTML-Text zu durchschauen:

1. Es gibt eine Reihe syntaktischer Ungereimtheiten, vor allem Tags, die nicht oder "zu spät" geschlossen
oder aber nie geöffnet wurden, dazu nicht erlaubte Verschachtelungen/Verschränkungen, z.B. umschließt
das <div id="sidebar"> ein <td>. <td>s dürfen aber nur in <tr>s stehen. Vllt. sind wir da schon nahe am Problem.

2. Der Mix aus valign, width u.ä. Attributen einerseits und CSS-Angaben andrerseits kann manchen Browser
(und Menschen) durchaus irritieren. Der CSS-Text enthält noch Fehler, z.B. "left-margin" statt "margin-left".

3. Der Code ist manchmal 'überstrukturiert' ;o) Viel Aufwand für eine einfache Formatierung. Dem Browser
ist das wurscht, aber der Mensch blickt dann schnell nicht mehr durch. (Beispiel: <h4> ... 0 Kommentare ... </h4>,
dort auch Syntax)

Was die Tabelle angeht, könnte ich hier 'nen Schuss ins Blaue vorschlagen wie

Code: Alles auswählen

* html #rsidebar { margin:5px; }
* html #main { margin-left:100px; }


Ich hab's versucht, die Tabelle rückt dadurch tatsächlich in die gewünschte Position, jedenfalls im PC-IE6.
Warum das so ist, weiß ich nicht - ich verstehe den Seitenquelltext nicht wirklich, auch wegen der Syntax.

Ich weiß hier keinen anderen Rat, als den Quelltext gründlich zu überarbeiten, vllt. sogar von Grund auf neu
zu bauen. Ich bin überzeugt, dass man für dieses (übrigens ansprechende ;o) Layout weder 120 Zeilen HTML
und schon gar nicht 500 (fünfhundert ) Zeilen CSS braucht. Also: Nur Mut!

Grüße, Ingo