Nutzung der gesamten Bildschirmbreite

Internet
1

Moin,

ich bastel derzeit an einer Homepage (nicht die im Profil verlinkte). Diese Seite hat oben zwei Balken, die über die gesamte Breite gehen sollen. Aber das tun die beiden Balken nicht immer :frowning:

Wenn ich eine andere Seite aufrufe als die aktuelle ist rechts der beiden Balken (Tabellenlösung) fast immer ein weißer Rand von ~10 Pixel. Drücke ich nun F5 gehen beide Balken bis zum Rand. Bei der nächsten Seite wieder das selbe Spiel…

Wie kriege ich es hin, dass die Balken (=Tabellen) über die gesamte Seitenbreite gehen?

Gruß,
Claus

2

Wah…

(Tabellenlösung)

warum tust Du sowas auch?
beschäftige Dich mal ein wenig mit css
stichworte u.a.:
padding http://www.robert-web.de/css_padding.shtml
width http://www.robert-web.de/css_abmessungen.shtml
margin http://www.robert-web.de/css_margins.shtml
layer http://www.robert-web.de/csslayer.shtml

3

Wah…

(Tabellenlösung)

warum tust Du sowas auch?

Mal abgesehen davon, dass solche Kommentare wie deiner für mich daneben sind (wenn schon, dann sag auch, wieso es „wah“ ist):
ich habe es sehr wohl auch mit einem css-layer probiert und dort das selbe Problem.
Abgesehen davon, dass nicht jeder Lust hat sich wegen so etwas gleich mit css auseinanderzusetzen…

Solltest du außer einer nicht weiter ausgeführten grundsätzlichen Ablehnung des Arbeitens mit Tabellen nichts weiter zu meiner Frage beitragen können, würde ich dich bitten nicht weiter zu antworten, danke.

Gruß,
Claus

4

Hallo,

Wah…

(Tabellenlösung)

warum tust Du sowas auch?

Mal abgesehen davon, dass solche Kommentare wie deiner für
mich daneben sind (wenn schon, dann sag auch, wieso es „wah“
ist):

wieviele Gruende brauchst Du?

  • Tabellen sind zur Darstellung tabellarischer Daten da, nicht zum Layout.
  • sie widersprechen der Trennung von Gestaltung und Layout - daraus folgt:
  • Screenreader kommen damit nicht oder nur begrenzt klar.
  • MobileDevices kommen damit nicht oder nur begrenzt klar
  • sie sind nicht barrierefrei
  • Tabellenlayouts transportieren unnoetig viele Daten, Du verursachst unnoetig Traffic und erhoest die Ladezeit.
  • semantisch korrekte Sites, die sauber Inhalt und Darstellung getrennt haben werden von Google und anderen leichter gelesen und somit besser platziert

Reicht :smile: ?

ich habe es sehr wohl auch mit einem css-layer probiert und
dort das selbe Problem.
Abgesehen davon, dass nicht jeder Lust hat sich wegen so etwas
gleich mit css auseinanderzusetzen…

… naja, aber vielleicht aus den 100 anderen guten Gruenden?

Ein kleiner CSS-Trick sollte Dir (denke ich) zB weiterhelfen:
body { margin: 0px; }

Greetinx
Christian
http://www.html-workshop.de

5

Hallo Christian,

wieviele Gruende brauchst Du?

  • Tabellen sind zur Darstellung tabellarischer Daten da, nicht
    zum Layout.

Nun ja, was war nicht mal alle sfür was anderes gedacht? Will sagen, dass das für mich kein echtes Argument ist…

  • sie widersprechen der Trennung von Gestaltung und Layout -
    daraus folgt:
  • Screenreader kommen damit nicht oder nur begrenzt klar.
  • MobileDevices kommen damit nicht oder nur begrenzt klar
  • sie sind nicht barrierefrei

Sicherlich möchte ich nur ungern von vorneherein User ausschließen, allerdings soll diese Seite nicht Bayer oder VW vorstellen, sondern eine kleine Seite bilden, an der mich das dargestellte Problem etwas nervt.

  • Tabellenlayouts transportieren unnoetig viele Daten, Du
    verursachst unnoetig Traffic und erhoest die Ladezeit.

Das mag bei übermäßigen Tabellenverschachtelungen sicher sein, aber wir reden hier von einer Seite, die 2 oder 3 kB hat…

… naja, aber vielleicht aus den 100 anderen guten Gruenden?

Sei mir nicht böse, die Kosten-Nutzen-Abwägung führt für mich zum Ergebnis, dass ich dafür kein CSS-Experte werden werde…

Deswegen noch mal meine Frage (für die es im Prinzip auch egal ist, ob ich die Tabelle als Balken mit Farbe fülle oder als Tabelle mit Zahlen): Wieso erstreckt sie sich nicht über 100% der Seite (weißer Rand rechts) und nach einem F5 schon?

Gruß,
Claus

6

Hi,

wie soll das jemand hier ohne Quelltext sagen können?
Zudem gibt es weiter oben ein HTML-Brett, wo deine Frage sicher besser aufgehoben wäre.
Falls du dort fragst, kennzeichne das Ganze aber als Crossposting und liefere den Quelltext gleich mit.

Viele Grüße
WoDi

7

Hallo Claus,

Deswegen noch mal meine Frage (für die es im Prinzip auch egal
ist, ob ich die Tabelle als Balken mit Farbe fülle oder als
Tabelle mit Zahlen): Wieso erstreckt sie sich nicht über 100%
der Seite (weißer Rand rechts) und nach einem F5 schon?

hast Du denn

Ein kleiner CSS-Trick sollte Dir (denke ich) zB weiterhelfen:
body { margin: 0px; }

mal ausprobiert?

Greets
Christian

8

Hallo Claus!

„Claus“ schrieb:

Deswegen noch mal meine Frage (für die es im Prinzip auch egal
ist, ob ich die Tabelle als Balken mit Farbe fülle oder als
Tabelle mit Zahlen): Wieso erstreckt sie sich nicht über 100%
der Seite (weißer Rand rechts) und nach einem F5 schon?

Hilfreich für die Beantwortung dieser Frage wäre der Quelltext
der Seite.

Validiere Deine Seite:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/validator-uri.html

Gruss Oliver

9

Hallo Claus!

„Claus“ schrieb:

Wah…

(Tabellenlösung)

warum tust Du sowas auch?

Mal abgesehen davon, dass solche Kommentare wie deiner für
mich daneben sind (wenn schon, dann sag auch, wieso es „wah“
ist):

Wie Christian schon richtig sagte, in eine Tabelle gehören nur
tabellarische Daten.

http://www.vorsprungdurchwebstandards.de/theory/ein-…
Ein Herz für Tabellen

http://www.stopdesign.com/articles/throwing_tables/ bzw.
http://yatil.de/Webentwicklung/tabellen-aus-dem-fens…
Tabellen aus dem Fenster werfen

http://wiki.paland.net/index.php?WebDesignTNG
Keine Layout-Tabellen benutzen

http://seybold.jan-andresen.de/
Warum Layout mit Tabellen dumm ist

http://barrierefrei.e-workers.de/p_table.php
Table vs. No-Table

ich habe es sehr wohl auch mit einem css-layer probiert und
dort das selbe Problem.
Abgesehen davon, dass nicht jeder Lust hat sich wegen so etwas
gleich mit css auseinanderzusetzen…

Vielleicht bekommst Du ja doch noch Lust :wink:
http://www.style-sheets.de/guide/grundlagen/warum_css
Warum CSS?

http://barrierefrei.e-workers.de/workshops/workshop1…
CSS-Workshop

Solltest du außer einer nicht weiter ausgeführten
grundsätzlichen Ablehnung des Arbeitens mit Tabellen nichts
weiter zu meiner Frage beitragen können, würde ich dich bitten
nicht weiter zu antworten, danke.

Bei Erstellung einer Seite sollte der Inhalt vom Layout
getrennt werden.

Hierbei sollte ein konsequenter Einsatz von (X)HTML
(für den Inhalt) und Style Sheets = CSS (für das Layout)
erfolgen.

Einige interessante Links hierzu:
http://www.hessendscher.de/benefits/
Die Vorteile von Web-Standards für Ihre Besucher, Ihre Kunden und Sie selbst!

http://www.cominweb.de/content/wissen.html
Webdesign

http://www.netzkritik.de/art/152.shtml
Bloggt das Webdesign?

http://www.einfach-fuer-alle.de/artikel/linearisierung/
Linearisierung – und alles wird gut

http://www.einfach-fuer-alle.de/artikel/gruenerpunkt/
Der Grüne Punkt für Websites?

P.S. was macht das Kontaktformular (per mail?)

Gruss Oliver