Bitte mal meinen Versuch anschauen

rolli123 · 08.02.2003, 18:54

Hallo,

ich hab mal mit dem Editor "SuperHTML7.0" ein Layout erstellt. Bisher komplett in Html 4.01. Die Farben sind natürlich noch nicht entgültig, Border kommen auch noch teilweise weg. Die Navigationselemente werd ich noch bearbeiten, geplant sind diese Textlinks wie jetzt, aber in Css (Hover)
Mir geht es im Moment hauptsächlich um folgendes bevor ich weitermache und nachher ist alles falsch.

1. Wie wirds dargestellt in den verschiedenen Browsern, hab hier leider nur den IE6.
2. Was kann ich noch mit Css machen, ohne das ich schwierigkeiten mit den Browsern bekomme, möchte eigentlich niemanden ausschliessen.
3. Es sind ja 2 Tabellen, wie krieg ich die in die MITTE des Browserfensters?
4. Wenn ich im Hauptmenue (wo jetzt bla und grafik steht) grafiken und Text einfügen möchte, muss ich da eine weitere Tabelle einfügen oder kann ich das mit Html oder Css ausrichten.

Falls Ihr vorschläge habt, bitte mitteilen, bin für alles dankbar, möcht endlich mal was brauchbares hinkriegen.

Ich weiss, viele Fragen, aber bitte helft einem Anfänger.

Ach nochwas, wenn ich nun Css benutze, muss ich dann diesen "Doctype" anpassen und wie????

Hier der Html-Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>testseite4</TITLE>
</HEAD>

<BODY bgcolor="#ffff99">
<TABLE width="100%" border="1" cellspacing="2" cellpadding="2" align="center">
<TR>
<th colspan=4 height="60" bgcolor="#996633">Ägypten - Faszinierendes Land mit einer fesselnden Geschichte</th>
</TR>
<TR>
<TD width="25%" align="center" height="15" bgcolor="#996633">Startseite</TD>
<TD width="25%" align="center" height="15" bgcolor="#996633">Geschichte</TD>
<TD width="25%" align="center" height="15" bgcolor="#996633">Hieroglyphen</TD>
<TD width="25%" align="center" height="15" bgcolor="#996633">Pyramiden</TD>
</TR>
<TR>
<TD width="25%" align="center" height="15" bgcolor="#996633">Götter</TD>
<TD width="25%" align="center" height="15" bgcolor="#996633">Zeittafel</TD>
<TD width="25%" align="center" height="15" bgcolor="#996633">Links</TD>
<TD width="25%" align="center" height="15" bgcolor="#996633">Kontakt</TD>
</TR>
<TR>
<th colspan=3 height="200" bgcolor="#f6eac5">bla bla bla und grafik</th>
<td width="25%" align="center" bgcolor="#f6eac5">Neues auf der Seite</td>
</TR>
<TR>
<th colspan=3 height="150" bgcolor="#f6eac5">bla bla bla und grafik</th>
<td width="25%" align="center" bgcolor="#f6eac5">Aegypten in den Medien</td>
</TR>
</TABLE>
<TABLE width="100%" border="1" cellspacing="2" cellpadding="1" align="center">
<TR>
<TD align="center" bgcolor="#996633">Startseite</TD>
<TD align="center" bgcolor="#996633">Geschichte</TD>
<TD align="center" bgcolor="#996633">Hieroglyphen</TD>
<TD align="center" bgcolor="#996633">Pyramiden</TD>
<TD align="center" bgcolor="#996633">Götter</TD>
<TD align="center" bgcolor="#996633">Zeittafel</TD>
<TD align="center" bgcolor="#996633">Links</TD>
<TD align="center" bgcolor="#996633">Kontakt</TD>
</TR>
</TABLE>
</BODY>
</HTML>

LimaX · 08.02.2003, 21:05

Hi rolli123,

zu 1.)
Ich habe die Seite im IE 5.5, NN 4.78, NN 6.2, Mozilla 1.1 und Opera 6 angeschaut und konnte keine Unterschiede feststellen. Habe ich aber bei dem einfachen Code nicht anders erwartet

zu 3.)
Indem Du z.B. eine einzellige Tabelle drumherum baust:

Code:

<TABLE WIDTH="100%" HEIGHT="100%" CELLSPACING="0" CELLPADDING="0" BORDER="0">
 <TR>
  <TD VALIGN="MIDDLE">   ... die beiden Tabellen ...   </TD>
 </TR>
</TABLE>

zu 4.)
Kommt darauf an, wieviel Du da reinpacken willst. Normal kannst Du alles mit html und css ausrichten, aber mit einer Tabelle ist es vielleicht übersichtlicher.

Alex