Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.09.2012 um 14:50 (UTC)    
Titel: HTML-Tabelle - extern

Hallo Community,

ich habe eine Frage zu HTML.
Aber nicht bezogen auf meine Webseite.
Daher im Off-Topic.

Hier mein Quellcode:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>STONY</title>
  </head>
  <body style="font-family:Tahoma;">
  <div align="center">
  <table width="1000px" cellspacing="1" cellpadding="1" border="1">
    <tbody>
        <tr height="117px" style="background-image:url('pictures/panorama.jpg');">
            <td colspan="3"><br/><h1>Banner Übungsweb: Seite 1</h1></td>
        </tr>
     
        <tr>
            <td width="20%"><strong>Navigation:</strong><br/>
         <ul>
         <li><a href="Seiten/Seite1.html">Seite 1</a><br/></li>
         <li><a href="Seiten/Seite2.html">Seite 2</a><br/></li>
         <li><a href="Seiten/Seite3.html">Seite 3</a></li>
         </ul></td>
         
            <td width="60%"><strong>Master-Bereich</strong><br/>
         Seite 1</td>
         
            <td width="20%"><strong>Rechter Infobereich</strong><br/>
         <a href="mailto:test@server.com"><img width="50%" border="0" src="pictures/e-mail_icon.jpg" /></a></td>
        </tr>
 
        <tr>
            <td colspan="3"><strong>Footer</strong></td>
        </tr>
    </tbody>
  </table>
  </div>
  </body>
</html>


Anzeige unter FF:
http://i50.tinypic.com/2zfriae.jpg

Anzeige unter IE9:
http://i47.tinypic.com/15ogj9t.jpg


UND MEINE FRAGE IST, WTF??? o_Ô
Warum stellt FF es richtig dar und IE9 muckt? -.-'

MFG, Stony
Beitrag04.09.2012 um 15:15 (UTC)    
Titel: Re: HTML-Tabelle - extern

stony-photo hat Folgendes geschrieben:
Warum stellt FF es richtig dar und IE9 muckt? -.-'

Du hattest nicht echt erwartet, dass es im IE gleich geht, oder? Laughing


Der erste fehler der mir auffällt ist:
<tr height="117px" ...
Für TR-Tags ist das Attribut height nicht definiert, verschiebe es in das TD.

Auch hast du dich mit der Doktype für HTML und nicht für XHTML entschieden. <br/> schreibt sich somit ohne schließenden Schrägstrich: <br>
Das gleiche gilt für IMG (kein / am Ende), dem übrigens auch noch das erforderliche alt="..." Attribut fehlt.

Nur eine Vermutung: Versuche mal für dein Bild keine relative Breite (50%) sondern absolute Werte anzugeben. Eventuell wird das von den Browsern in deinem speziellen Fall verschieden berechnet, was die verschiedene Bildgröße erklären könnte.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag04.09.2012 um 15:39 (UTC)    
Titel:

Ja hast Recht, IE9 muckt ja oft genug -.-

...

Also, danke für die Hilfe und muss sagen, hab wieder was neues dazugelernt =)

Das hat unser Lehrer wohl vergessen zu erwähnen, dass man bei <br/> und <br> in HTML und XHTML noch unterscheiden muss Very Happy

Na wie dem auch sei, die tabelle hat zwar ihre Form angenommen, aber das Mailbild nicht die Größe, die ich dieser vordefiniert habe (Halbierte Pixelgröße).
Und damit hat sich auch der rechte Infobereich um die größe des Bildes vergrößert?

Gibt es da noch Tips, um das Bild ohne bildbearbeitung zu verkleinern?

PS: Die tabelle hat sich unter IE9 stabilisiert, nach dem ich beim Bild unter dem Atribut width="50%" ersetzt durch pixelangabe hatte.


Gruß, Stony
Beitrag04.09.2012 um 15:46 (UTC)    
Titel:

stony-photo hat Folgendes geschrieben:

PS: Die tabelle hat sich unter IE9 stabilisiert, nach dem ich beim Bild unter dem Atribut width="50%" ersetzt durch pixelangabe hatte.


Damit ist das Problem gelöst, oder?
Das Bild ohne Bildbearbeitung verkleinern geht nicht, du kannst nur die Darstellung durch eine solche Pixelangabe verkleinern. Nimm die Hälfte der tatsächlichen Breite und es wird um 50% kleiner dargestellt. (Wenn man nur Breite oder nur Höhe angibt, so wird es mit dem korrekten Seitenverhältnis verkleinert.)

Wenn du dich nicht so genau auskennst würde ich dir empfehlen hier rein zu schauen:
http://de.selfhtml.org/html/
Das ganze ist super sortiert und ins Detail mit Beispielen erklärt. Ein super Nachschlagewerk.


Das mit dem Unterschied zwischen XHTML und HTML findest du z.B. hier (für en Fall mit dem / am Ende):
http://de.selfhtml.org/html/xhtml/unterschiede.htm#leere_elemente
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)


Zuletzt bearbeitet von freefunstuff am 04.09.2012, 16:47, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de