design unter Firefox & IE

Stein

nabend

ich versuche im moment meiner HP ein neues design zu geben...allerdings treten hier kleine probleme zwischen Firefox und dem IE auf!

unter firefox ist alles "normal"..eben so wie ich es möchte nur unter IE habe ich einen schwarzen streifen zwischen der ersten und der zweiten tabellenzeile...

hier der code...

<html>
<head>
<title>...blablabla...</title>
</head>
<body bgcolor=black>

<center>

<table height=100% width=90% border=0 cellspacing=0 cellpadding=0>

<tr height="40">

<th>

</th>

<th>

</th>

<th>

</th>

</tr>

<tr>

<td>

</td>

<td bgcolor=fffedc>

<center>

<blink>
Willkommen

</center>

</td>

<td>

</td>

</tr>

<tr>

<td height="40" width="40">

</td>

<td height="40">

</td>

<td height="40" width="40">

</td>

</tr>

</table>

</body>
</html>

leider kann ichs derzeit noned online stellen weil der hoster streikt ]=
das wär auch nur der erste entwurf...später werde ich das ganze auf php umschreiben...die tabelle bleibt ja dabei gleich

bitte um hilfreiche tipps...ich komm echt ned weiter ]=

sejuma

Setz' mal die Nullwerte in Anführungszeichen.

Elvis

Tzzz tzzz, PHP können sie heute alle, aber was ein Doctype ist, scheint den meisten ein großes Geheimnis zu sein.....

Stein

mit anführungszeichen is es gleich...

hab in der zwischenzeit einen anderen gefunden ders mir online stellt...

http://tigpl.ti.funpic.de/

Elvis

du hast recht...ist auch mir ein großes geheimnis vielleicht kannst du mir das geheimnis ja lüften

driver

also im ff is der strich nicht, nur im ie.

hast mal die höhe verkleinert ? also net 40 sondern nur 30 oder 35 ?

Stein

ja hab ich auch schon versucht...ändert sich nix

ich rechne ja schon damit das es etwas so banales is das man im ersten moment gar ned dran denkt *ggg*

Elvis

Zitat von tigpl

Elvis

du hast recht...ist auch mir ein großes geheimnis vielleicht kannst du mir das geheimnis ja lüften

Was mich immer wieder wundert ist, wie die Grundlagen völlig an einigen vorbei gehen. Da ist es doch kein Wunder das viele Probleme auftauchen.

driver

leg die bilder mal in den hintergrund...

Stein

auch das hatte ich schon ]=

leider nicht die lösung...

ich hab ja echt schon alles mit html versucht was ich dazu auf den ganzen seiten wie selfhtml, html-seminar, etc gefunden hab...
es passt im firefox immer bzw bekomm ichs immer hin...nur der IE macht schwierigkeiten!

Elvis
so vom lesen her kenn ichs...nur ich kann damit nix anfangen...tut mir leid

was würde dieses zeilchen am inhalt ändern?

Elvis

Haste denn mal den Text dazu gelesen?

Stein

hab ich...tut mir leid da steh ich an... :-/

Elvis

Dann versuche ich es mal zu erklären....

Mal angenmmen Du stehst in Hamburg vor dem [url=http://maps.google.de/maps?f=q&hl=de&q=rathaus,+hamburg&sll=50.092393,10.195313&sspn=24.444034,59.238281&ie=UTF8&ll=53.550402,9.993525&spn=0.001377,0.003616&t=k&z=18&iwloc=addr&om=1]Rathaus[/url] und plötzlich kommt ein mit Stadtplan bewaffneter Mann mit asiatischem Aussehen auf dich zugerannt. Welche Frage wird er vermutlich zuerst stellen?

Zitat

Do you speak english?

Da wir in einem hochtechnisiertem Land leben (trotz beschämender Pisa-Studie) wird Deine Antwort vermutlich

Zitat

Yes of course

sein. Nun fragt er Dich auf english wie er am besten zum Hafen kommt. Aber das tut eigentlich nichts mehr zur Sache.

Ähnlich verhält es sich mit einem Browser. Die HTML- / PHP-Seite sagt dem Browser, ob sie mit ihm nun in XML, HTML, XHTML oder was auch immer kommunizieren will. So werden Kommunikationsprobleme (bei Internetseiten: Darstellungsprobleme) im Vorwege minimiert.

Nun ist der Asiate aber nicht wie gedacht ein Japaner, sondern ein Chinese. Also ist als weitgereister Mensch Deine Freude groß, denn Du warst ja schon mal als Schüler zu einem Austauschjahr in China und beherrscht die chinesische Sprache. Hhmmm, nun weiß aber jeder dass chinesisch nicht gleich chinesisch ist. Da gibt es gewaltige Unterschiede in den Dialekten. Der Unterschied zwischen Hochdeutsch und Bayrisch ist da ein Fliegenschiss. Ähnlich verhält es sich zwischen HTML 3.2 und HTML 4.01.

Zusammenfassung:
Die Dokumentendeklaration (Doctype) ist die Benennung der Kommunikationssprache zwischen Browser und Internetseite. Wird sie nicht vorgegeben sucht sich der Browser eine aus.
Aktueller Standard ist XHTML 1.0.

Wenn man nun einen Doctype angegeben hat, kann man die Seite auf Validierungsfehler mit Hilfe eines Validators prüfen. Hat man beide Schritte erfolgreich durchgeführt, so ist der Großteil an Darstellungsfelhern in der Regel behoben.

Stein

verstehe!
hm..aber wie kann ich sicher sein das ich die HTML sprachen nicht vermische? ...oder geht das gar ned?

ich habe übrigens schon versucht diese zeile einzufügen..bekomme dadurch aba den streifen ned weg

wenn ich jetzt

-->php (für menü, banner, etc)
-->html (inhalt der einzelnen seite)
--->php (abschluss der seite)

verwende...geb ich über dem HTML teil dieses an...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

und über dem ersten php teil...
<?
echo '<?xml version="1.0" encoding="UTF-8"?>'
?>

hab ich mir beides aus dem internet kopiert weil ich die einzelnen teile der zeile nicht verstehe...vorerst zumindest, werd mich da auch nochmal dahintersetzn

Elvis

Zitat von tigpl

verstehe!

Freut mich dass es plastisch genug war.

Zitat von tigpl

hm..aber wie kann ich sicher sein das ich die HTML sprachen nicht vermische? ...oder geht das gar ned?

Natürlich kann man die Sprachen versehentlich vermischen. Wir sind ja Menschen und die machen bekanntlich Fehler.
Es gibt entscheidende Unterschiede zwischen HTML und XHTML. Genauere Infos solltest Du bei selfhtml nachlesen. Gibt da einen ganzen Beitrag drüber. Und wo wir grad bei selfhtml sind.... Der Nachteil von HTML ist dass es in der Regel abwärtskompatibel ist. Ab welcher Version entsprechende Tags verwendung finden ist bei selfhtml angegeben.

Zitat von tigpl

-->php (für menü, banner, etc)
-->html (inhalt der einzelnen seite)
--->php (abschluss der seite)

Da ich von PHP keine Ahnung habe, kann ich Dir leider auch nicht sagen wie man es mischen kann.

Zitat von tigpl

ich habe übrigens schon versucht diese zeile einzufügen..bekomme dadurch aba den streifen ned weg

Jetzt sind wir beim zweiten Schritt angekommen, den ich in meinem letzten Beitrag auch schon beschrieben hab. Benutze einen Validator (z.B. Validome.org) und validiere Deine Seite.

Zitat von tigpl

<?
echo '<?xml version="1.0" encoding="UTF-8"?>'
?>

hab ich mir beides aus dem internet kopiert weil ich die einzelnen teile der zeile nicht verstehe...vorerst zumindest, werd mich da auch nochmal dahintersetzn

XML ist wieder eine ganz andere Ebene, die aber zu XHTML mehr oder weniger dazu gehört. Stecke da aber auch nicht so im Detail. Definitiv ist XHTML 1.1 im Moment aber noch nicht zu empfehlen, sondern die Version 1.2 abzuwarten. Bis dahin kannst Du Dich noch zwischen 1.0 Transistional (für Warmduscher) und 1.0 Strict (nicht so Fehlertolerant wie die andere Version) entscheiden.
Also sollte der Start Deines HTML-Quellcodes wie folgt aussehen:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
....

Stein

soooda mein erstes problem ist gelöst! der schwarze streifen ist jetzt weg!
ich weiß...schaut wirr aus xD

also das is das menü selbst

PHP

<?php


function WriteMawi()
{


echo "<table cellspacing=\"0\" cellpadding=\"0\" align=\"bottom\" height=\"40\" width=\"100%\">";
echo "<tr>";


echo "<td height=\"40\" width=\"40\"><img src=\"gfx/menu/eck1.jpg\" border=0 alt=\"eck1\"></td>";


echo "<td height=\"40\" width=\"175\">[url='tigpl.php']<img src=\"gfx/menu/tigplbutt.jpg\" border=0 alt=\"tigpl\">[/url]</td>";
echo "<td height=\"40\" width=\"175\">[url='pia.php']<img src=\"gfx/menu/piabutt.jpg\" border=0 alt=\"pia\">[/url]</td>";


echo "<td height=\"40\" width=\"100%\"><img src=\"gfx/menu/menu2.jpg\" height=\"40\" width=\"100%\" border=0 alt=\"menu2\"></td>";
echo "<td height=\"40\" width=\"40\"><img src=\"gfx/menu/eck2.jpg\" border=0 alt=\"eck2\"></td>";




echo "</tr>";
echo "</table>";




}




?>

Alles anzeigen

und das is der erste teil auf der website bs zum inhalt

PHP

<?php
echo "<body bgcolor=black>";
echo "<title>";
echo "Tigpl";
echo "</title>";
?>


<?php
echo "<center>";
include "manu.inc.php";


WriteManu();




echo "</center>";
?>
<center>		
<table height=90% width=90% border=0 cellspacing="0" cellpadding="0">


	<tr height="40" align=bottom cellspacing="0" cellpadding="0" align=bottom>


		<th colspan=3>
	<?php
include "mawi.inc.php";


WriteMawi();
?>




</th>	


	</tr>








	<tr> 


		<td>


[img]gfx/menu/menu2sl.jpg[/img]


		</td>

Alles anzeigen

wenn jetzt noch jemand weiß warum auf den langen seiten..wie tagebuch, etc
da firefox mit den seitengrafiken scheiße baut...bin i zufriedn *gggg*

Stein

ok auch das letzte schon gelöst

hab in der tabelle das jeweilige feld statt einem bild mit einem hintergrund versehen...jetzt lädt er in der richtigen reihenfolge...