nicht angemeldet
Problem mit der Darstellung meiner Website beim IE6
Hey und Hallo.
Ich bin ein HTML-Anfänger und kenne mich kaum mit Fachausdrücken aus. Mal als Vorwort ^^
Das hier ist meine Design-Website : http://whitefen-design.pytalhost.de/
Frisch mit Tables zusammen gesetzt.
Mein Problem ist natürlich jetzt, dass die Seite korrekt im FireFox angezeigt wird, allerdings nicht im IE6.
Es haben leider zu viele Internet-Nutzer noch den IE6 und deshalb möchte ich auch, dass diese Seite auch von diesem Browser korrekt angezeigt wird.
Nur... ich find' meinen Fehler nicht? Was hat der IE6 nur für ein Problem mit meinen Tables? Ich hab' einen Coder mit größeren HTML-Kenntnissen gefragt und er meinte zu mir, er wisse auch nicht, was an dem Code falsch sei.
Könnt' ihr mit mit meinem Code helfen? Ich bedanke mich im Vorraus, dankeschön!
Hier nochmal der HTML-Code
Das mit dem Inhalt ist nur eine Hilfe für mich. xD Denkt nicht, dass es eine Beleidigung für euch darstellen soll. xD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>WhiteFen's Design-Homepage</title>
<!-- Verhindert, dass eventuell Sonderzeichen wie ä, ü, ö etc.
falsch angezeigt werden. ISO-8859-1 ist der Europäisch-Deutsche
Zeichensatz. -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body {
background:url(pics/bg.jpg);
padding:0; /* Innerer Abstand von Body */
margin:15px; /* Äußerer Abstand von Body */
margin-top:9%;
}
img {
border:0; /* Damit ersparst du dir das border="0" in jedem
<img alt="image">-Tag. */
}
</style>
</head>
<body>
<div align="center">
<!-- ###################################################################################################
INHALT
################################################################################################### -->
<table cellspacing="0" cellpadding="0" style="border:2px #656565 solid;">
<tr>
<td>
<img alt="image" src="pics/header.jpg">
</td>
</tr>
<tr>
<td>
<img alt="image" src="pics/button1.jpg"><img alt="image" src="pics/button2.jpg"><img
alt="image" src="pics/button3.jpg"><img alt="image" src="pics/button4.jpg"><img alt="image" src="pics/button5.jpg">
</td>
</tr>
<tr>
<td>
<iframe style="border:1px #a4a4a4 solid; background-color:#cdcdcd; width:584px;
height:402px;"></iframe>
</td>
</tr>
<tr>
<td>
<img alt="image" src="pics/footer.jpg">
</td>
</tr>
</table>
<!-- ###################################################################################################
INHALT ENDE
################################################################################################### -->
</div>
</body>
</html>
Das mit dem Inhalt ist nur eine Hilfe für mich. xD Denk nicht, dass es eine Beleidigung für euch darstellen soll. XD
^_^
mfg WhiteFen
-
Hallo,
Das hier ist meine Design-Website : http://whitefen-design.pytalhost.de/
Frisch mit Tables zusammen gesetzt.
Mein Problem ist natürlich jetzt, dass die Seite korrekt im FireFox angezeigt wird, allerdings nicht im IE6.Das ist natürlich keine exakte Fehlerbeschreibung und ich kann jetzt nur _raten_, daß du Abstand unter den Bildern meinst.
*wink mim zaunpfahl* ;-)Ich bin ein HTML-Anfänger und kenne mich kaum mit Fachausdrücken aus. Mal als Vorwort ^^
Dann versuche ich mal, die Fachausdrücke ein bißchen deutlich zu machen. ;-)
Wenn du ein Text einbindest, wird eine Zeilenbox erzeugt, d.h. der Text sitzt auf der Grundlinie auf, und hat unterhalb dieser noch ein bißchen Platz frei für eventuelle Unterlängen der Wörter.
Da nun Bilder, - genau wie Text, - Inline-Elemente sind, werden sie von einigen Browsern ebenfalls auf dieser Grundlinie positioniert.
Das ist also die Ursache des Abstandes.
Abhilfe kannst du schaffen, indem du dem IMG (in Tabellenzellen) ein 'vertical-align: bottom' gibst, oder das IMG (in DIVs) mit 'display: block' oder 'float:left' zu einem Block-Element machst.Grüße
gaby-
Hallo,
Das hier ist meine Design-Website : http://whitefen-design.pytalhost.de/
Frisch mit Tables zusammen gesetzt.
Mein Problem ist natürlich jetzt, dass die Seite korrekt im FireFox angezeigt wird, allerdings nicht im IE6.Das ist natürlich keine exakte Fehlerbeschreibung und ich kann jetzt nur _raten_, daß du Abstand unter den Bildern meinst.
*wink mim zaunpfahl* ;-)Hehehe. ^^ Ich glaube ich hab' das von einem Freund... er regt sich ständig über den IE6 auf und ich weis jetzt auch warum :O, auch wenn der Fehler letzten Endes auch bei mir liegt.
Ich bin ein HTML-Anfänger und kenne mich kaum mit Fachausdrücken aus. Mal als Vorwort ^^
Dann versuche ich mal, die Fachausdrücke ein bißchen deutlich zu machen. ;-)
Wenn du ein Text einbindest, wird eine Zeilenbox erzeugt, d.h. der Text sitzt auf der Grundlinie auf, und hat unterhalb dieser noch ein bißchen Platz frei für eventuelle Unterlängen der Wörter.
Da nun Bilder, - genau wie Text, - Inline-Elemente sind, werden sie von einigen Browsern ebenfalls auf dieser Grundlinie positioniert.
Das ist also die Ursache des Abstandes.
Abhilfe kannst du schaffen, indem du dem IMG (in Tabellenzellen) ein 'vertical-align: bottom' gibst, oder das IMG (in DIVs) mit 'display: block' oder 'float:left' zu einem Block-Element machst.Grüße
gabyVielen vielen Dank! Es hat funktioniert! Die Abstände sind Weg. :)
Ich benutze 'noch' keine Divs, da... naja ich komme noch nicht so ganz damit klar XD, ich muss mich da mal länger hinsetzen... mal sehen.
Danke nochmal.mfg WhiteFen ^.^
-