WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Problem mit Breite von Tabelle im IE » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Problem mit Breite von Tabelle im IE
von Efchen
Gern geschehen.

Also nächstes Mal nicht die Flinte ins Korn werfen und in alte Unarten (Tabellenmissbrauch) zurückfallen, nur weils nicht auf Anhieb so klappt. Auch Tabellenlayout hast Du nicht sofort beherrscht. Nur Übung macht den Meister!

von BlackFlash
Ich war ja eigentlich der Meinung, dass ich dem Content-Div das height mitgegeben hatte und es nicht funktionierte und dann hab ich das dem p mitgegeben.
Aber is ja auch egal, es funktioniert jetzt....Danke!!
von Efchen
BlackFlash schrieb am 21.07.2005 14:17
* html p {
height: 1%;
margin-left: -3px;
}
Aber das ändert nichts...

So steht das ja auch nicht da.

Du müsstest das height:1% Deinem .content mitgeben.

Jau. Und schon gehts. Das noch kombiniert mit margin-left:130px, damit der Text nicht um das menü rumfließt, und alle Deine Probleme sind gelöst. Und keine Tabellenvergewaltigung

Zumindest funktionierts bei mir so mit IE6/Linux.
von Efchen
BlackFlash schrieb am 21.07.2005 14:17
Also....die Besucher sind mir natürlich nicht unwichtig, aber ich sag mal die Wahrscheinlichkeit, dass sich jemand meine Seite ausdruckt ist doch sehr gering.

Aber das ist doch egal, wie hoch die ist. Die Wahrscheinlichkeit, dass jemand Deine Site nicht wieder besucht, weil er sie nicht ausdrucken kann ist auf jeden Fall um ein Vielfaches höher als die Wahrscheinlichkeit, dass jemandem aufgrund der 3 Pixel Deine Site in negativer Erinnerung bleibt.

Ich hatte die Tabelle eben mal weggemacht und verschiebt sich der Text ja unterhalb des Menus zu weit nach links und ich weiß nicht wie ich das wegbekomme.

In dem Du Deinen Content-div unter dem Menü rausholst. Wenn Du dem mal einen Rahmen gibst, wirst Du feststellen, dass der ganz links am Rand unterhalb des Menüs beginnt. So ist das normal bei float. Um zu verhindern, dass der Text also unter das Menü rutscht, musst Du dem div einen margin-left in der Breite des Menüs mitgibst (alsso 130px).

Ich hab einfach versucht das so zu machen, wie es auf der Seite stand....aber es klappt nicht wirklich...was genau muss ich denn dann ins CSS schreiben?

Keine Ahnung
Ich hatte das Problem bisher noch nie, aber wenn Du eine Seite online stellst, wo Du das beschriebene ausprobierst, hätt ich mir die Seite abgespeichert und das mit dem Text auf der von mir verlinkten Seite verglichen.

Mal schauen...
von BlackFlash
Also....die Besucher sind mir natürlich nicht unwichtig, aber ich sag mal die Wahrscheinlichkeit, dass sich jemand meine Seite ausdruckt ist doch sehr gering. Aber das 3Pixel Problem regt mich auf, den Besuchern wirds vielleicht noch nichtmal auffallen, aber ich seh das...und das ist schlecht. Ich hatte die Tabelle eben mal weggemacht und verschiebt sich der Text ja unterhalb des Menus zu weit nach links und ich weiß nicht wie ich das wegbekomme. Ich hab einfach versucht das so zu machen, wie es auf der Seite stand....aber es klappt nicht wirklich...was genau muss ich denn dann ins CSS schreiben? ich hatte ganz am Anfang folgendes geschrieben:
* html p {
height: 1%;
margin-left: -3px;
}
Aber das ändert nichts...

P.S.: Hab die Tabelle jetzt auskommentiert
von Efchen
BlackFlash schrieb am 21.07.2005 13:35
@Efchen: Die Seite hatte ich mir auch gerade durchgelesen, aber ich krieg das nicht wirklich hin bei meiner Seite...
Ich denke ich habs so gemacht wie eda steht, aber es klappt nicht wirklich

Ich sehe keine Veränderung auf Deiner Site, und auch die Tabelle ist noch da.
Solange ich nicht weiß, was Du gemacht hast, kann ich Dir nicht helfen.
von Efchen
BlackFlash schrieb am 21.07.2005 13:32
Ich mein, wir können hier jetzt noch Stunden drum rum diskutieren, aber Fact ist: Mach ich die Tabelle weg, hab ich das 3 Pixel Problem des IE im Text! Mach ich die Tabelle hab ich das Problem zumindest im Text nicht.

Richtig. Daraus kann man aber ganz leicht schließen, dass das 3px-Problem das kleinere Übel ist. Denn mit der Tabelle zeichnest Du Deine Daten als was anderes aus, als was sie sind. Das ist Blödsinn. In schlimmen Fällen - zugegeben nicht hier - kann das zu Problemen bis hin zur Unbenutzbarkeit führen.

im Firefox klappt es ja!

Und der macht es richtig. Und der IE hat einen Bug.
Müssen Leute, die einen fehlerfreien Browser nutzen, unter einem Bug eines anderen Browsers leiden?
Die IE-Nutzer werden an den 3px sicher nicht sterben. Die Site wird auch in keinem Maße unbenutzbar dadurch.

aber manchmal geht es nicht ohne Tabellen, aber damit schweifen wir dann wieder vom Thema ab.

Finde ich nicht unbedingt, weil wir IMHO schon zweigleisig fahren. Zum Einen Dein 3px-Problem, zum anderen ordentlicher Code, Semantik und Barrierefreiheit.

Du nicht, aber die Nutzer der Seite, wie soll man die sich sonst ausdrucken? Weiß auf weiß ist schon ziemlich doof

Das ist mir ehrlich gesagt nicht wirklich wichtig, zumindest dann nicht, wenn ich noch Probleme habe die schwerwiegender sind.

Da musst Du aber noch einiges lernen...Du sagst damit, dass Dir die Nutzer Deiner Site nicht wichtig sind. Und das kann nicht sein. Wozu dann die Website? Die machst Du doch für Deine Nutzer und nicht für Dich.
Und, ein 3px-Gap ist für den Nutzer definitiv absolut unwichtig im Vergleich zum Ausdruck weiß auf weiß. Das Thema hat für einen guten Webmaster auf jeden Fall Priorität gegenüber einem minimalen Anzeigeproblem, das u.U. noch nichtmal auffällt.

Solange die Tabelle noch da ist, hat Deine Site immer ein Problem. Auch wenn das optisch nicht auffällt.

Wenn die Tabelle mein einziges Problem ist kann ich damit leben.

Ich finde diese Ignoranz und Arroganz gegenüber Deinen Besuchern fehl am Platz. Du machst doch die Site nicht für Dich, sondern für andere!

Also wenn ihr jetzt weiter über Tabellen und son Kram diskutieren wollt, dann behaltet es bitte für euch.

Außerordentlich schade. Und auch ein wenig kurzsichtig. Aber wie Du willst.
von BlackFlash
@Efchen: Die Seite hatte ich mir auch gerade durchgelesen, aber ich krieg das nicht wirklich hin bei meiner Seite...
Ich denke ich habs so gemacht wie eda steht, aber es klappt nicht wirklich
von BlackFlash
schau dir mal den (html) Quellcode von Suleitec.de an das ist ein recht effizenter Quellcode.

Da soll ich staunen? Und lernen? Die Seite hat 27 Fehler und ist somit nicht valide...

Und Deine Semantik ist kaputt mit der Tabelle. Auch nichts, worauf man stolz sein könnte.

Ich habe nie gesagt, geh auf meine Seite und sieh, staune und lerne...!!!

Das <table>-Tag dient der Inhaltsauszeichnung. An Deinem Inhalt ist nichts dran, was die Auszeichnung als Tabelle rechtfertigt. Dein Problem liegt in der Optik. Für die Optik ist aber CSS zuständig, nicht HTML. Die falsche Verwendung von HTML-Tags kann nicht zu einer besseren Seite führen.

Ich mein, wir können hier jetzt noch Stunden drum rum diskutieren, aber Fact ist: Mach ich die Tabelle weg, hab ich das 3 Pixel Problem des IE im Text! Mach ich die Tabelle hab ich das Problem zumindest im Text nicht. Und um es mal so zusagen: Ich scheiß drauf, ob die Tabelle dafür da ist, reinpassen muss die da trotzdem, im Firefox klappt es ja! Und da kann mir jetzt sagen wer will: aber manchmal geht es nicht ohne Tabellen, aber damit schweifen wir dann wieder vom Thema ab.


Du nicht, aber die Nutzer der Seite, wie soll man die sich sonst ausdrucken? Weiß auf weiß ist schon ziemlich doof

Das ist mir ehrlich gesagt nicht wirklich wichtig, zumindest dann nicht, wenn ich noch Probleme habe die schwerwiegender sind.

Um Deine Website qualitativ zu verbessern? Dir die Wartung der Site einfacher zu machen? Die Site für Deine Benutzer zu optimieren? Um Darstellungsfehlern besser auf den Grund zu kommen?

Ich glaub phase5 ist jetzt nicht das schlechteste was es gibt und so sehr können die Entwicklertools vom Firefox mich auch nicht weiterbringen, sonst hättet ihr mir schon ne Lösung für mein Problem gepostet.


Solange die Tabelle noch da ist, hat Deine Site immer ein Problem. Auch wenn das optisch nicht auffällt.

Wenn die Tabelle mein einziges Problem ist kann ich damit leben.

Und mal wieder zu guter Schluß: Das Problem besteht weiterhin...
Also wenn ihr jetzt weiter über Tabellen und son Kram diskutieren wollt, dann behaltet es bitte für euch. Ich bin euch ja dankbar, dass ihr mir helfen wollt und werde eure Tipps (siehe @print) auch irgendwann mal berücksichtigen, aber mein Problem ist ein anders und so lang das bleibt macht alles ander keinen Sinn!
von Efchen
Das sieht bei Dir nach dem 3px Gap Bug beim IE aus.
http://www.positioniseverything.net/explorer/threepxtest.html
von Efchen
Apropos Semantik: Du solltest Deine Menüs allesamt nicht in <div>s (ohne Aussage) packen, sondern als Listen auszeichnen (<ul>), denn Menüs sind nichts anderes: Listen.
von Efchen
BlackFlash schrieb am 21.07.2005 12:55
Mein Problem ist, dass ich da nichts sehe, was eine Tabelle rechtfertigt.

Dann schau dir mal die Seite im IE ohne Tabelle an.

Das <table>-Tag dient der Inhaltsauszeichnung. An Deinem Inhalt ist nichts dran, was die Auszeichnung als Tabelle rechtfertigt. Dein Problem liegt in der Optik. Für die Optik ist aber CSS zuständig, nicht HTML. Die falsche Verwendung von HTML-Tags kann nicht zu einer besseren Seite führen.

äh, gib doch bitte auf der fertigen Seite @print mit an. Beim Drucken kommt weißer Text auf weißem Hintergrund echt nicht gut (da die Browser als Standart Hintergrundfarben ignorierern)

Brauch ich sowas??

Du nicht, aber die Nutzer der Seite, wie soll man die sich sonst ausdrucken? Weiß auf weiß ist schon ziemlich doof

versuch mal die entwickertools vom firefox

Warum??

Um Deine Website qualitativ zu verbessern? Dir die Wartung der Site einfacher zu machen? Die Site für Deine Benutzer zu optimieren? Um Darstellungsfehlern besser auf den Grund zu kommen?

schau dir mal den (html) Quellcode von Suleitec.de an das ist ein recht effizenter Quellcode.

Da soll ich staunen? Und lernen? Die Seite hat 27 Fehler und ist somit nicht valide...

Und Deine Semantik ist kaputt mit der Tabelle. Auch nichts, worauf man stolz sein könnte.

Und zu guter Schluß...das Problem ist noch immer da...

Solange die Tabelle noch da ist, hat Deine Site immer ein Problem. Auch wenn das optisch nicht auffällt.
von BlackFlash
Mein Problem ist, dass ich da nichts sehe, was eine Tabelle rechtfertigt.

Dann schau dir mal die Seite im IE ohne Tabelle an. Denn dann schiebt der IE den Text unterhalb des Menus um 3 Pixel nach Links. Und damit der das nicht macht ist die Tabelle da.
Ist es beabsichtigt, das die Tabelle aus dem <div id="container"> herausläuft?

Nein, ist nicht beabsichtigt, hatte nur noch was an meinem css rumgespielt um das Problem zu lösen.
äh, gib doch bitte auf der fertigen Seite @print mit an. Beim Drucken kommt weißer Text auf weißem Hintergrund echt nicht gut (da die Browser als Standart Hintergrundfarben ignorierern)

Brauch ich sowas??
dein CSS ist ein mess

Kann ich nicht nachvollziehen...
versuch mal die entwickertools vom firefox

Warum??
schau dir mal den (html) Quellcode von Suleitec.de an das ist ein recht effizenter Quellcode.

Da soll ich staunen? Und lernen? Die Seite hat 27 Fehler und ist somit nicht valide...

Und zu guter Schluß...das Problem ist noch immer da...
von Austin Powers
Mein Kommentar: einmal frische DIV suppe bitte.
---------------------
1. Schmeiß die Table raus
2. gib den Doctype an
3. versuch mal float und clear
4. äh, gib doch bitte auf der fertigen Seite @print mit an. Beim Drucken kommt weißer Text auf weißem Hintergrund echt nicht gut (da die Browser als Standart Hintergrundfarben ignorierern)
-------------------------
warum der IE da so einen Blödsinn macht? Im Firefox läuft das nämlich alles wunderbar.

Ist es beabsichtigt, das die Tabelle aus dem <div id="container"> herausläuft?
P.S.: dein CSS ist ein mess
P.P.S.: versuch mal die entwickertools vom firefox (um genau zu sein: "EditCSS", "MeasureIt", "View Rendered Source" und "Web Developer")
P.P.P.S: schau dir mal den (html) Quellcode von Suleitec.de an das ist ein recht effizenter Quellcode.
Sieh, staune und lerne!
von Efchen
Mein Problem ist, dass ich da nichts sehe, was eine Tabelle rechtfertigt.
von BlackFlash
Hat denn keiner ne Idee ?
von BlackFlash
Hallo zusammen,

könnte sich vielleicht jemand folgende Seite anschauen und mir sagen, warum der IE da so einen Blödsinn macht? Im Firefox läuft das nämlich alles wunderbar.
www.marcel-simons.de/test/test/index.php
Wenn ich Tabelle kleiner mache, also auf 99% stelle macht der IE alles richtig, aber ich will die Tabelle nicht kleiner machen, da dann die Darstellung mist ist.
Danke schonmal im voraus!!

Nach oben