4. Anfängerproblem

Anfängerproblem

  • I

    Hallo Leute, ich fange gerade mit XHTML an. Kann mir mal jemand erklähren, wieso in Gottes Namen, in Mozilla eine Lücke von ca. 10px zwischen dem unteren Ende des Bildes und dem unteren Zellenende?
    Und im Internet Explorer kommt eine Fehlermeldung, dass er eine Resource nicht finden würde.

    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Br&uuml;schern</title>
</head>
<body style="margin:10px">
 <table cellspacing="0" cellpadding="0">
  <tr style="margin:0px;padding:0px"><td style="margin:0px;padding:0px;background-color:#0000ff;border:1px solid #155ca5"><img style="margin:0px; padding:0px;" src="img/env/bio.jpg"/></td></tr>
 </table>
</body>
</html>

    Bitte helft mir, ich habe jetzt wirklich das margin und padding von allen Elementen auf 0 gesetzt. Wieso zum Teufel ist da immer noch ein zwischenraum zwischen Bild und unteres Ende der Spalte?

    0
  • ?

    Tolle Überschrift

    0
  • F

    Ishildur schrieb:

    ich habe jetzt wirklich das margin und padding von allen Elementen auf 0 gesetzt.

    Nur beim Body-Tag nicht 🙄

    0
  • S

    Es sollte meiner Meinung nach so sein

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    damit der Browser weiß, wo sich die dtd Datei sich befindet, oder du musst sie in dem Verzeichnis haben, wo deine .html / .php Datei sich befindet. Der Browser muss nicht die Adresse von kenne.

    0
  • I

    @felnders

    Ich meinte natürlich, bei allen Elementen von table an abwärts, da das Problem ja in einem <td> passiert...

    0
  • G

    hatte ich auch mal. konnte es mit einem "vertical-align:top" für den td-tag lösen. hat mir jemand hier im forum empfohlen 🙄
    ich weiß aber nicht, ob das genau dein problem ist...
    geloescht

    [edit] natürlich mit CSS [/edit]

    0
  • I

    @supertux
    Nun habe ich die entsprechende Zeile so geändert, wie du es vorgeschlagen hast. Nun kommt zwar keine Fehlermeldung mehr, dafür zeigt der Browser jedoch einfach den ganzen Source - code anstatt das Layout...

    0
  • S

    Bei mir sehen die Köpfe immer so aus:

    <?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Supertux Homepage</title>
<meta name="author" content="<dein Name>" />
<meta name="Audience" content="Alle" />
<meta name="Expires" content="0" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="Robots" content="INDEX,FOLLOW" />
<meta name="Revisit-After" content="5 days" />
<link rel="shortcut icon" href="./favicon.ico" />
</head>
<body>
</body>
</html>
    0
  • I

    Nun, im Internet explorer wird immer noch nur der Code - wiedergegeben.
    Weisst du vielleicht, wesshalb der Mozilla be einem <td> einfach immer ein padding -bottom macht, obwohl ich sage padding:0px? Es hat dann weder ein padding oben, nocht links noch rechts, aber unten macht er eines, was soll denn diese Scheisse??? 😡 😡 😡

    0
  • S

    Wenn du nur den Code hast, leigt veilleicht daran, dass dein Dokument nicht als text/html sondern text/plain gesendet wird. Poste lieber dein ganzer Code

    0
  • I

    Kein Problem:
    Ich habe eine abgekürzte Version upgeloaded! Bitte seht euch die Scheisse mal an! Mit Internet Exlorer ist alles i.O. Mit Mozilla Jedoch macht er mir eine Lücke von ca. 10px unter dem ganze Kopf und zerreisst somit das Layout...

    http://www.kyrosoft.ch/brueschern/index.html

    Gruss Janus

    0
Anmelden zum Antworten