Tabellengröße funzt nicht richtig! HELP

wassi · 15.07.2005, 21:34

Hallo!
Habe ein Problem mit der Tabellenbreite. Diese sollte eigentlich 100 Prozent sein. Hier der Link:

http://www.ip-scout.de/Wilk/wilk.html

Wenn Ihr auf den Link klickt, funktioniert es einwandfrei. Wenn Ihr aber ins Adressfeld eures Browsers klickt und dann return drückt, erscheint rechts ein kleiner Rand. Ebenso wenn man den Link per Hand in den Browser eingibt und dann Return drückt.
Drückt man Aktualisieren, klappt es wieder mit der Tabellengröße!

Ich weiß nicht warum das so ist! Oder ist das nur bei mir so?
Kann einer helfen?

THX
wassi

Hier der entsprechende Teil des Quellcodes:

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#aebbc8">
<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="white">
<tr height="70">
<td bgcolor="#aebbc8" width="100%" height="70">LOGO</td>
</tr>

Boris · 16.07.2005, 00:04

Zitat:

Wenn Ihr aber ins Adressfeld eures Browsers klickt und dann return drückt, erscheint rechts ein kleiner Rand.

Nö, bei mir im Firefox nicht.

Allerdings im IE ... hm. Aber mach mal das <center> weg, das ist ja nun mehr als sinnlos bei einer 100% breiten Tabelle. Vielleicht ist Dein Problem dann auch weg

steffenk · 16.07.2005, 00:30

Du benutzt einen Doctype, der den IE in den Quirksmodus schickt, daher sind automatisch Ränder aktiv.

Benutze einen Doctype, der den IE ind den Standardmodus bringt, z.b.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd">

Boris · 16.07.2005, 00:46

@Steffen:
Schau mal den Code an, der dürfte eigentlich mit dem Doctype genau so wie beabsichtigt funktionieren (allein schon wegen des BODY leftmargin= ... etc

).

wassi · 16.07.2005, 01:48

@Boris
Habe <center> entfernt...hat aber nix gebracht!

@Steffen
Den Doctype benutze ich!

Hab null Ahnung, warum das nicht funktioniert. Habe mir andere Seiten (Quellcode) angeschaut bei denen es klappt ... die haben denselben Code wie ich.

Vielleicht liegt es daran, dass ich Golive benutze (was ich allerdings nicht glaube)

Gruß
Wassi

lipsum · 16.07.2005, 02:14

sorry, aber irgendwie kann ich in keinem browser (firefox, opera, ie) den geschilderten fehler entdecken.

und den doctype, den steffen gepostet hat, benutzt du nicht, da fehlt nämlich die url innerhalb des doctypes. der unterschied macht sich dann in der darstellung von tabellenrahmen bemerkbar, allerdings nur im firefox.

weiterhin wäre der doctype (und damit der quirksmode) im ie z.b. für fehlerhafte boxmodelberechnungen zuständig - da seh ich allerdings keine in deinem quelltext. das padding in zellen wird vom ie so oder so falsch angezeigt.

gruß
steffen

btw.: was hat <body leftmargin="....> mit dem doctype und der darstellung zu tun?

rewboss · 16.07.2005, 12:47

Ich sehe den Fehler.

Ich habe schon einige Bugs im Internet Explorer gefunden, die auf manchen Rechner auftauchen und andere nicht, obwohl die Versionsnummer der Browser und das Betriebssystem genau gleich sind. Wirklich sehr merkwürdig.

Da sich der Fehler "korrigiert" wenn man die Seite aktualisiert, hat das nichts mit dem Code zu tun, sondern ist eindeutig ein Browser-Bug. Anscheinend weiß Explorer anfangs nicht, wie breit die Tabelle sein soll. Erst, wenn er das Ende der Tabelle erreicht, ist ihm klar, wie breit 100% eigentlich ist, so dass er beim Aktualisieren die Tabelle diesmal richtig darstellen kann.

Explorer hat einen bekannten Bug, der mit Prozentangaben zusammenhängt: allerdings betrifft das Margins im CSS -- das hier ist mir neu. Wobei "bekannt" ist hier irreführend: Bekannt ist, dass es einen derartigen Bug gibt, aber wenn eine Ursache oder sogar ein Workaround bekannt ist, hält Microsoft das für sich. Keiner weiß genau, wie dieser Browser eigentlich Prozentausgaben berechnet -- dazu sagt Microsoft nichts, und da Internet Explorer nicht Open Source ist, kann sonst keiner nachschauen.

Versuch's doch mal den <center>-Tag raus zu nehmen und das vorgeschlagene <!DOCTYPE> zu verwenden. Vielleicht hilfts... vielleicht auch nicht.

steffenk · 16.07.2005, 13:27

Also als Doctype benutzt Du
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Und es kommt dabei raus: Kompatibilitätsmodus (Quirks)

Es fehlt die URL, oder willst Du unbedingt in den Quirks ?

eine Angabe von body {margin:0;} behebt den Fehler !

wassi · 16.07.2005, 13:42

So, habe jetzt einige Änderungen (<center> weg + URL hinzu) vorgenommen und jetzt klappts!
Allerdings nicht, wenn ich die Seite auf meinem Rechner öffne... aber dat is ja net so schlimm!

VIELEN DANK AN ALLE

Gruß
Wassi

steffenk · 16.07.2005, 13:45

nicht ganz - der Fehler ist noch da.

entferne leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" in der body-Angabe und füge in der style-Anweisung
body {margin:0;}
ein, dann klappts auch mit dem nachbarn

Boris · 16.07.2005, 14:10

Steffen, egal ob mit oder ohne Quirksmodus - aber

leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

und

body { margin: 0; padding; 0 }

machen ein und das selbe (wobei die letztere Variante die saubere ist)

steffenk · 16.07.2005, 15:34

Boris - und warum war der Fehler bei mir lokal weg, als ich body {margin:0;} eingefügt habe, ohne nicht ?
Also muss es doch Unterschiede geben.
Der Unterschied besteht wahrscheinlich darin, das die Styleangabe während des Ladens die Abstände schon wegnimmt und die andere Angabe es erst hinterher macht, was das eigenartige Verhalten erklären würde.

Boris · 16.07.2005, 15:43

Ich greife nur auf meine Erfahrungen aus der Tabellen-Ära zurück

321 · 18.07.2005, 00:40

Gerade im IE hatte ich mit 100%-Tabellen noch nie ein Problem.
Hab früher auch nie Doctypes angegeben und NIE solche Phänomene gesehn.

Sehe aber auch hier keine Ränder rechts!

steffenk · 18.07.2005, 00:51

@321 kein Wunder , er hats ja auch behoben - still und heimlich