CSS-Frage Tabellerahmen

[BenjaminG]

hier der Link

PHP-Datei:

PHP-Code:

echo "<link rel='stylesheet' type='text/css' href='../css/grundgeruest.css'>";
        echo "<h2>Kontakt Formular</h2>";
        echo "<br>";
        echo "<form action='$PHP_SELF?ueberpruefen=1' method='post'>";
        echo "<p class='center'>Bitte fülle das folgende Formular, wenn du irgendwelche Fehler in den Scripten<br> oder sonstige Fragen zur Ergebnisüberwachung hast, aus.</p>";
        echo "<table align='center' width='50%'>";
        echo "<colgroup>";
        echo "<col width='40%'>";
        echo "<col width='60%'>";
        echo "</colgroup>";
        echo "<tr>";
        echo "<th class='left'>Dein Name: </th>";
        echo "<td><input type='Text' name='name_vor' value='$name_vor' size='20' maxlength='30'></td>";
        echo "</tr>";
        echo "<tr>";
        echo "<th class='left'>Deine Emailadresse: </th>";
        echo "<td><input type='Text' name='email' value='$email' size='20' maxlength='30'></td>";
        echo "</tr>";
        echo "<tr>";
        echo "<th class='left'>Dein Betreff: </th>";
        echo "<td><input type='Text' name='betreff' value='$betreff' size='20' maxlength='30'></td>";
        echo "</tr>";
        echo "<tr>";
        echo "<th class='left'>Deine Nachricht: </th>";
        echo "<td><textarea name='message' cols='30' rows='10'>$message</textarea></td>";
        echo "</tr>";
        echo "</table>";
        echo "<br>";
        echo "<table align='center' width='50%'>";
        echo "<tr>";
        echo "<td class='center' width='50%'><input type='Submit' name='ueberpruefen' value='Senden'></td>";
        echo "<td class='center' width='50%'><input type='reset'></td>";
        echo "</tr>";
        echo "</table>";
        echo "</form>";
        echo "</body></html>"; 


und hier die CSS-Datei dazu:

/* -----------------------------------------------------------------------------------------
Formatierungen des Bodys
------------------------------------------------------------------------------------------*/
body
{
background: #FFFFFF;
color: #0000FF;
font-family: Arial;
font-size: 12pt;
}


/* -----------------------------------------------------------------------------------------
Formatierungen der Hyperlinks
------------------------------------------------------------------------------------------*/
a:link
{
color:#0000FF;
}
a:visited
{
color:#0000FF;
}
a:hover
{
color:#0000FF;
}
a:active
{
color:#0000FF;
}


/* -----------------------------------------------------------------------------------------
Formatierungen der Ueberschriften
------------------------------------------------------------------------------------------*/
h1, h2, h3, h4
{
text-align: center;
}


/* -----------------------------------------------------------------------------------------
Formatierungen der Textbausteine
------------------------------------------------------------------------------------------*/
p.center
{
text-align: center;
}
p.justify
{
text-align: justify;
}


/* -----------------------------------------------------------------------------------------
Formatierungen der verschiedenen Tabellen
------------------------------------------------------------------------------------------*/
table
{
font-family:Arial;
font-size: 12pt;
color: #0000ff;
border-width: 2px solid #aaa;
}
td.center, th.center
{
text-align: center;
}
td.left, th.left
{
text-align: left;
}
td.valign, th.valign
{
vertical-align: middle;
text-align: center;
}
#hintergrund_tabelle
{
background: #C0C0C0;
}

warum wird die Überschrift und der Text darunter nicht Zentriert dargestellt?

was könnt ihr mir jetzt daraus sagen?

[xabbuh]

Sieht dir HTML-Seite lokal genauso aus wie die Seite, die du verlinkt hast?

[BenjaminG]

NEIN!

Da sieht die Seite so aus, wie es sein sollte. Also die Überschrift + Text darunter zentriert und Blaue Textfarbe.

Das ist aber hier nicht der Fall, warum?

[BenjaminG]

ich bin doch so dumm! LOL

ich habe einen falschen Pfad zur CSS-Datei gehabt, deshalb wurde es auch nicht korrekt angezeigt.

Was ich festgestellt habe: Wenn man verschiedene Versionen beim lokalen Websever und im Internet hat, dann wird es komplett verschieden angezeigt. Oder sehe ich das falsch?

[Gweilo]

Verschiedene Versionen?
wovon? PHP?

[BenjaminG]

ja! Vielleicht von PHP, CSS??? Verschiedene Browser, die nicht den ganzen Wortschatz von CSS verstehen?

[Gweilo]

1) PHP: schau dir mal die HTML ausgabe an, die sollte gleich sein.

2) CSS: CSS wird vom Browster interpretiert, kommt also nicht drauf an, ob es lokal oder auf dem Server betrachtet wird. Du schaust es ja lokal und auf dem Server mit dem selben browser an nehme ich an?

3) HTML: siehe 2

[BenjaminG]

zu 2: ich schaue mir das immer mit Firefox an!

werde auf jeden Fall weiter dran arbeiten und mich weiterhin Fortbilden in Websprachen!

[xabbuh]

Original geschrieben von BenjaminG
zu 2: ich schaue mir das immer mit Firefox an!

werde auf jeden Fall weiter dran arbeiten und mich weiterhin Fortbilden in Websprachen!

Inwiefern hat sich dein Problem denn jetzt erledigt?

[BenjaminG]

es wird alles so angezeigt wie es sollte! Aber ich muss nochmal auf der lokalen Webserver probieren, ob jetzt wenn ich den Border-Tag weglasse auch wirklich ein Rand gesetzt wird oder nicht.

ich muss die Überarbeitung erst bis zum 31.12. fertig haben, deshalb habe ich grad nicht soviel Zeit dafür!