Style verzogen

[YourHistory]

Hallo Leute,

ich hab gerade eine Meldung von einer Userin bekommen das unser Style bei ihr komplett falsch dargestellt wird. Als Grundlage haben wir "prosilver" allerdings etwas verändert.

Ich vermute das es an ihren Bildschirmmaßen liegt, denn mit meinen (1366x768) wird alles richtig dargestellt, egal ob IE oder FF als Browser. Ihre Maße sind (1680x1050)
Kann man irgendwo eine Eingabe machen das die Tabellen auf die Bildschirmmaße angepasst werden?

Hier ein paar Screens die die betroffene Userin gemacht hat:

http://i890.photobucket.com/albums/ac10 ... tseite.jpg
http://i890.photobucket.com/albums/ac10 ... seite2.jpg
http://i890.photobucket.com/albums/ac10 ... e09/PN.jpg

Eigentlich sollte es eben so aussehen:

http://i890.photobucket.com/albums/ac10 ... annt-4.png

Irgendjemand eine Lösung?

LG

[Talk19zehn]

Hello,

vorweg: Ich habe hier momentan nur bescheidene Mittel zum Zwecke einer Ansicht zur Verfügung!
Wenn dies das Forum laut dem beigestellten Bild ist: http://www.writingurhistory.bplaced.de/phpBB/index.php
habe ich mir den QT und die Konstrukte mittels Firebug angeschaut. Ob ich dabei alle relevanten Notationen sehe und erkenne, ist fraglich. Ein Bild allein ist leider nicht hilfreich genug.
Ich komme mit der Tabelle insofern nicht zurecht, da du ihr im einleitenden tag 70% gibst und dem wrap noch einmal 100% zuweist. Meiner Auffassung nach "harmonieren" die Angaben nicht miteinander. Das Cellspacing von "70" verstehe ich an der Stelle leider nur bedingt. Ratsam wäre es zudem, die Seite einer Validierung zu unterziehen, - denke ich.

Die zuerst im QT erkennbare inhaltslose Tabelle habe ich entfernt.

Deine Tabelle:

Code: Alles auswählen

<table border="0">
<tr>
<td>
<table cellspacing="70" border="0" align="center" width="70%">

Tipp: Wenn du zum Bearbeiten im Test border nutzt, siehst du, dass das Forum rechts aus der Tabelle fällt.

Ich hätte die prozentuale Angabe der "Einleitung td" zugewiesen:

Code: Alles auswählen

<table cellspacing="10" border="0"><tr><td valign="top" width="25%"><table border="0"><tr><td><font size="2"><font face="georgia"><font align="center"><br /><br /><br /><br /><br />
<img ...usw. ...........

Code: Alles auswählen

<td valign="top" width="75%">

<div id="wrap">

Deine Angabe width von 100% ist m.E. entbehrlich:

Code: Alles auswählen

#wrap {
    margin: 0 auto;
    min-width: 650px;
    padding: 0 20px;
    width: 100%;
}

Den Abstand padding: 0 10px; <--- hatte ich testweise geändert.
Andere Ideen habe ich momentan leider nicht.

Evtl. hilft dir mein Ansatz bei deiner Fehlersuche. Bei den Breitenangaben 25% und 75% musst du mal schauen, wie du dies ggf. im Gesamterscheinungsbild gestaltest und welche Breite ggf. für den linken Bereich ausreichend bemessen ist. Denkbar sind auch Pixelangaben, sich also auf ein feste Breite einzulassen. Für weitere Abstände ließe sich bestimmt ein anderer Ansatz ( cellspacing "70" ? ) finden. Ich kann nicht abschließend beurteilen, ob die Darstellung in den hohen Auflösungen korrekt ist, da mir derzeit keine "XXL-Monitore" zur Verfügung stehen. Ich bitte dafür um Verständnis.

Grüße

[YourHistory]

Hallo!

zuerst einmal: den Link hab ich völlig vergessen *döng* ja, das ist das Forum um was es geht.
die Tabelle die zuerst inhaltslos ist hatte ich mit Hilfe erstellt, weil die Seitentabelle sonst alles zerfetzt hat. Irgendwas war da. Mit der tabelle hatten wir soviele Probleme und haben soviel rumprobiert, da weiß ich jetzt nicht mehr genau wofür dieses System der Tabelle in einer Tabelle war xD

Das mit dem wrap werd ich mal ändern, das hatte ich wieder auf 100 % hochgeschraubt weil ich testen wollte inwiefern das was im Bezug auf die Buttons bringt (neuer Beitrag etc.) und dann offenbar vergessen wieder runter zu nehmen. Vielleicht bringt das ja was. Ich bin in CSS und Co. eigentlich völliger neuling, das höchste der Gefühle war bisher ein wenig HTML für wbblite. Also hab bitte etwas Nachsicht mit mir, wenn ich jetzt ganz viele Fragezeichen habe Meine schlussfolgerung aus deinem Post wäre jetzt das ganze liegt Hauptsächlich an der Seitentabelle?

LG

[Talk19zehn]

Hello, - Jein - !
Wenn du von 100% ausgehst und td nutzt, um zu verschachteln, hat das Forum = Wrap jetzt bspw. 75% der CSS-Notation. Der linke Bereich hätte 25% - immer bezogen auf die jeweilige Auflösung. Im Prinzip musst du dir zur Regel machen, dass du möglichst kleinere Auflösungen, wie 1024x768px oder 1152x864px zwecks Gestaltung nutzt.
Im Test nutze ich immer border="1", dies erweitert den "Blickwinkel". Wenn du mit prozentualen Werten agierst, kann eine Website niemals so aussehen, wie du es per Bild einheitlich vorschlägst. Die Browser rechnen, rendern uvm., was du sicherlich wissen wirst. Meine prozentualen Angaben sind reine Vorschläge. Es können auch 20 zu 80 in Betracht kommen. Aber, und nur ganz banal erwähnt ----> 20% von 1024px - ohne zu berücksichtigende Abstände - ..... ????!!! Das Video benötigt ja bereits 240px in der Breite, - erinnerlich! Es gibt unzählige Möglichkeiten. Ihr habt euch für eine Tabelle entschieden.
Schaue dir die o.g. Ideen an, setze sie ggf. um, probiere es einfach aus. Eine vorherige Sicherung bitte nicht vergessen.
Und Validieren würde ich auf jeden Fall.

Grüße