Layoutproblem mit CSS und Tabellen

Dieses Thema im Forum "Software" wurde erstellt von fahluk, 17. Januar 2005.

  1. fahluk

    fahluk New Member

    Hallo,
    ich will mit Hilfe von Tabellen, die brauche ich um Bilder und Text nach unten auszurichten, mein Layout gestalten. Soweit ist es mir gelungen daß alle Browser auf Mac und Windows mitspielen, auser dem Explorer 6. Dieser macht mir immer unter jedem Bild einen Rand von ca. 1 px. Kann mir jemand sagen was ich falsch mache?

    http://www.gufler.bz/index_test.php

    Mein Layout ist so aufgebaut: In der oberen Tabelle kommen Text und Bilder rein die alle bei 350px anfangen und von unten nach oben gehen. In der Mitte ist ein div mit 100% damit das Logo immer ganz rechts ist und in der unteren Tabelle sind die Linkliten platziert, sollte eigentlich ganz einfach sein.
     
  2. schnabbel

    schnabbel New Member

    border="0" verhindert das.
     
  3. RSC

    RSC ahnungslose

    damit sowas nicht passiert, muss man achten, dass zwischen den tags kein leerzeichen da ist.
    also
    <td> <img bla bla> </td> ist falsch
    <td><img bla bla></td> ist richtig

    nur so kann man vermeiden, dass die leestellen entstehen...
     
  4. fahluk

    fahluk New Member

    moien,
    danke für Eure Hilfe doch leider komme ich trotzdem nicht weiter.
    das gebe ich standard immer an bei den Bildern, das Problem kenne ich schon.

    da ist was dran, aber ich schreibe meinen Teil vom Code (fast :klimper:) immer sauber, aber Bilder oder Text fügt ein Moderator mittels CMS System ein, und das kann ich nicht beeinflussen. Ich verstehe nur nicht warum nur beim IE unter Windows dieses Problem auftaucht und wieso unterm Bild ein Rand von 1 Pixel und übern Bild ein Rand von 5-6 Pixel ist?
     
  5. safari

    safari New Member

    > Ich verstehe nur nicht warum nur beim IE unter Windows dieses Problem auftaucht

    Weil vielleicht IE das Problem ist (wie so oft ...)
     
  6. BleedingMoon

    BleedingMoon New Member

    Das Tabellenproblem ist scheinbar nicht das einzige Problem, wie man hoffentlich an dem Anhang erkennen kann. Unter Firefox sieht es so aus, wie es wahrscheinlich aussehen soll, aber unterm IE schauts doch a bißerl anders aus:

    - Zellenfarbe der rechten unteren Zelle
    - Name in der rechten unteren Zelle läßt sich "verschieben"
     
  7. safari

    safari New Member

    So, habe jetzt mal den obigen Link geklickt, Quelltext rein in BBEdit und auf "Check Syntax" geklickt - Ergebnis:

    File "untitled text"; Line 4: Unencoded entity found; “ä” needs to be encoded as “&auml;”.
    File "untitled text"; Line 4: Value of attribute “content” for element “<meta>” is invalid; Value needs entity encoding (“Gufler Hubert GmbH, St. Leonhard in Passeier - Industrie-Regale, Maschinen, Auto-Einrichtung, Werkst&auml;tten-Einrichtung”).
    File "untitled text"; Line 4: Value of attribute “content” for element “<meta>” is invalid; Value needs entity encoding (“Gufler Hubert GmbH, St. Leonhard in Passeier, Industrie-Regale, Maschinen, Auto-Einrichtung, Werkst&auml;tten-Einrichtung”).
    File "untitled text"; Line 4: Document type doesn't permit empty XML element; “<link/>”.
    File "untitled text"; Line 7: Document type doesn't permit attribute “height” within element “<table>”.
    File "untitled text"; Line 7: Document type doesn't permit attribute “leftmargin” within element “<table>”.
    File "untitled text"; Line 7: Document type doesn't permit attribute “topmargin” within element “<table>”.
    File "untitled text"; Line 7: Document type doesn't permit attribute “marginwidth” within element “<table>”.
    File "untitled text"; Line 9: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 9: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 9: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 10: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 11: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 11: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 11: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 13: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 13: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 13: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 15: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 15: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 15: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 23: Document type doesn't permit attribute “leftmargin” within element “<table>”.
    File "untitled text"; Line 23: Document type doesn't permit attribute “topmargin” within element “<table>”.
    File "untitled text"; Line 23: Document type doesn't permit attribute “marginwidth” within element “<table>”.
    File "untitled text"; Line 25: Document type doesn't permit empty XML element; “
    ”.
    File "untitled text"; Line 26: Document type doesn't permit empty XML element; “
    ”.
    File "untitled text"; Line 27: Document type doesn't permit empty XML element; “
    ”.
    File "untitled text"; Line 29: Unencoded entity found; “ü” needs to be encoded as “&uuml;”.
    File "untitled text"; Line 29: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 29: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 29: Value of attribute “align” for element “<img>” is invalid; Value must be one of {"top","middle","bottom","left","right"}.
    File "untitled text"; Line 29: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 30: Document type doesn't permit empty XML element; “
    ”.
    File "untitled text"; Line 32: Unencoded entity found; “ä” needs to be encoded as “&auml;”.
    File "untitled text"; Line 32: Unencoded entity found; “ä” needs to be encoded as “&auml;”.
    File "untitled text"; Line 32: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 32: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 32: Value of attribute “align” for element “<img>” is invalid; Value must be one of {"top","middle","bottom","left","right"}.
    File "untitled text"; Line 32: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 33: Document type doesn't permit empty XML element; “
    ”.
    File "untitled text"; Line 35: Unencoded entity found; “ß” needs to be encoded as “&szlig;”.
    File "untitled text"; Line 35: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 35: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 35: Value of attribute “align” for element “<img>” is invalid; Value must be one of {"top","middle","bottom","left","right"}.
    File "untitled text"; Line 35: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 37: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 37: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 37: Value of attribute “align” for element “<img>” is invalid; Value must be one of {"top","middle","bottom","left","right"}.
    File "untitled text"; Line 37: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 41: Document type does not permit element “<img>” in content of element “<tr>”.
    File "untitled text"; Line 41: Document type doesn't permit empty XML element; “<img/>”.
    File "untitled text"; Line 41: Value of attribute “id” for element “<img>” must begin with one of {A-Z,a-z} followed by zero or more of {A-Z,a-z,0-9,-,_,:,.}.
    File "untitled text"; Line 41: Value of attribute “align” for element “<img>” is invalid; Value must be one of {"top","middle","bottom","left","right"}.
    File "untitled text"; Line 41: Element “<img>” requires that the attribute “alt” be specified.
    File "untitled text"; Line 42: Document type doesn't permit empty XML element; “
    ”.
    File "untitled text"; Line 6: Close tag for element “</div>” omitted but document type doesn't permit it.
    File "untitled text"; Line 21: Close tag for element “</div>” omitted but document type doesn't permit it.
    File "untitled text"; Line 21: Close tag for element “</div>” omitted but document type doesn't permit it.
    File "untitled text"; Line 22: Close tag for element “</div>” omitted but document type doesn't permit it.
    File "untitled text"; Line 48: Close element “</div>” found but element wasn't open.
    File "untitled text"; Line 49: Close element “</div>” found but element wasn't open.
    File "untitled text"; Line 50: Close element “</body>” found but element wasn't open.
    File "untitled text"; Line 51: Close element “</html>” found but element wasn't open.

    Viel Spaß ;)
     
  8. fahluk

    fahluk New Member

    ;( wußte gar nicht daß BBedit das kann

    Aber soo stimmt das nicht ganz, ich arbeite nämlich mit einen CMS System und habe den Link gerade umgestellt, desshalb schreibt mein CMS dieses ganze verwirrende Zeug dazu, wenn du möchtest, schicke ich dir den Originalcode.

    Die Farbe ist nur relativ und zur besseren Übersicht, und der Name logo wird mit einem Bild ersetzt und das soll schon immer rechts mitwandern.
     
  9. RSC

    RSC ahnungslose

    das mit dem verschiebbarem logo war eine schlechte idee...
    wieso kann man das logo nicht fest in die tabelle, ausrichting "rechts", einbinden und die aussentabelle auf 100% breite setzen?
     
  10. RSC

    RSC ahnungslose

    ach ja...

    ZwischenbodensystemeKehrmaschinen <<is net gut
    mache doch abstand rein
     
  11. fahluk

    fahluk New Member

    mach mal die schrift kleiner dann passts :klimper: ?

    mit diesen Problemen beschäftige ich mich später, erst mal will ich das Layout stehen haben, werde nochmal alles umkrempeln, komplett mit CSS wahrscheinlich
     
  12. RSC

    RSC ahnungslose

    und drauf auch achten!
     
  13. RSC

    RSC ahnungslose

    für die leute, für die du das machst, sind fast blind und benutzen maximum 1024x768 und 12 px schrift...

    Layout ist doch gut.

    off topic: ich sehe, ihr sucht 'nen mediengestalter als auszubildender... braucht ihr auch einen, der schon mit der ausbildung fertig ist? und am besten mit telearbeitsplatz :klimper:
     
  14. BleedingMoon

    BleedingMoon New Member

    Mmmh ja ok. Aber wie auf meinem Screenshot zu sehen, wandert unter IE das Logo nicht bis zum linken Rand mit sondern wird einfach abgeschnitten!
     
  15. famp

    famp New Member

    "Komplett mit CSS" ist eine ausgezeichnete Idee - also raus mit den Tabellen! Nutze deine Chance und trage aktiv dazu bei, das Internet zu verbessern und von unnötigem Ballast zu befreien. Desweiteren möchte ich dir den HTML Validator ans Herz legen, für mehr normgerechte Seiten im Netz.

    Solltest du nicht mit den Möglichkeiten von CSS vertraut sein, scheue bitte nicht davor zurück, zu fragen.
     
  16. safari

    safari New Member

    @fahluk

    nein, sorry, das wird heute (und morgen) nix mehr - bin ab gleich die nexten 2 Tg. ohne Computer unterwegs ...
    Ja, BBEdit kann das (nicht lite!), aber auch auf w3.org kann man Code validieren lassen!
    Klar, das man nicht immer unbedingt alle Fehler ausbügeln kann (muss), aber das war denn doch ein büschen heftig - also zumindest das Öffnen und Schließen der Tags muss auch via CMS fehlerfrei sein.
    Überhaupt, wenn Code nicht w3.org-gerecht ist, darf sich niemand über schlechte Darstellung aufregen - dies mache ich immer nur, wenn der Code ok ist und der IE es trotzdem net richtig kann und dann irgendwelche IE-Workarounds eingebastelt werden müssen!
     
  17. SRALPH

    SRALPH New Member

    leider gibt es auf der startseite schon lt. bbedit 8.x eine extreme anzahl an fehler (siehe anhang) :confused:

    wie soll den eigentlich diese startseite aussehen?

    RALPH
     

Diese Seite empfehlen