28.11.2003, 12:37
Hallo!
Ich habe eine kleine Seite gemacht, wo die Inhalte (Menü, Überschrift, Content) mit 4 Tabellen per plaziert werden (per php aus 3 Dateien included).
Habe die Tabellen bis teils auf width, padding per CSS definiert. Da ich noch HTML und CSS Anfänger bin, finde ich meine Fehler nicht!
Der IE zeigt alles so an, wies sein soll. Opera auch fast, nur ist da die Breite der Überschrift- und Status- Tabelle (beide aus einer Datei included) nicht 100%, sondern mal breiter und mal weniger breit - finde keine Regelmäßigkeit!
Mozilla kommt anscheinend damit garnicht klar. Da wird das Design der einen Tabelle (Menü) garnicht geladen, warum auch immer!! Außerdem sind die Überschrift und Status Tabellen (aus einer Datei included) nicht per div positioniert, sondern hängen eben links oben statt 120 Pixel weiter rechts.
Ich weiß jetzt nicht wie ich euch den Code am besten zeigen soll. Ich poste hier einfach mal die Betreffenden Definitionen aus meiner CSS Datei und den Quelltext von meiner Startseite.
CSS:
Hier noch etwas Quelltext:
Mir fällt da gerade noch was auf, jetzt wo ich den Quelltext komplett anschaue (nicht jede Datei einzeln) - ich sollte wohl besser die ganzen html, head, body usw Tags aus den ganzen module-Dateien raus machen?!
Da sind bestimmt noch viele andere Fehlerchen drin! Bin für jeden Tipp dankbar! Denn habe grade erst angefangen mich intensiv mit PHP, MySQL, HTML und CSS zu befassen!
Aber als erstes würde ich gerne wissen wie ich die Seite auf allen Browser ordentlich dargestellt bekomme - vor allem warum Mozilla das nicht schluckt! Und warum die Überschrift bei Mozilla und Opera Probleme macht!
Ich bedanke mich bei allen, die sich die Mühe machen das zu lesen und nach den Fehlern suchen, ganz herzlich im Vorraus!! Vielen Dank euch!
MfG
Flow
Ich habe eine kleine Seite gemacht, wo die Inhalte (Menü, Überschrift, Content) mit 4 Tabellen per
Code:
<div>Habe die Tabellen bis teils auf width, padding per CSS definiert. Da ich noch HTML und CSS Anfänger bin, finde ich meine Fehler nicht!
Der IE zeigt alles so an, wies sein soll. Opera auch fast, nur ist da die Breite der Überschrift- und Status- Tabelle (beide aus einer Datei included) nicht 100%, sondern mal breiter und mal weniger breit - finde keine Regelmäßigkeit!
Mozilla kommt anscheinend damit garnicht klar. Da wird das Design der einen Tabelle (Menü)
Code:
<table class=geruest>Ich weiß jetzt nicht wie ich euch den Code am besten zeigen soll. Ich poste hier einfach mal die Betreffenden Definitionen aus meiner CSS Datei und den Quelltext von meiner Startseite.
CSS:
Code:
.geruest {
border-color:#0080FF;
background-color:#F0F0F0;
border-width:1px;
border-style:solid;
font-size:8pt;
font-family:Verdana,Arial;
color:#000C00;
}
.geruest100 {
border-color:#0080FF;
background-color:#F0F0F0;
border-width:1px;
border-style:solid;
width:100%;
font-size:8pt;
font-family:Verdana,Arial;
color:#000C00;
}
.noborder {
border-style:none;
font-size:8pt;
font-family:Verdana,Arial;
color:#000C00;
}
.ueberschrift {
border-color:#0080FF;
background-color:#F0F0F0;
border-width:1px;
border-style:solid;
font-size:12pt;
font-family:Verdana,Arial;
color:#000C00;
font-weight:bold;
text-align:center;
width:100%;
}
.status {
border-width:1px;
border-style:solid;
border-color:black;
background-color:#F0F0F0;
text-align:left;
width:100%;
padding:5px;
margin-top:3px;
}
.status1 {
font-size:10pt;
font-family:Verdana,Arial;
color:#500000;
font-weight:bold;
}Hier noch etwas Quelltext:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> </title>
<link rel=stylesheet type="text/css" href="formate.css">
<link rel=stylesheet type="text/css" href="anordnung.css">
</head>
<body bgcolor="white">
<div id='menue'>
<table class='geruest' width='100px'>
<tr bgcolor='#404040'>
<td colspan='2' class='head-small'> Menü </td>
</tr><tr>
<td height='20'> </td>
</tr><tr>
<td valign='top'>[img]gfx/bullet_menue.gif[/img]</td>
<td>[url=/djo-user/index.php?module=01]Startseite[/url]</td>
</tr><tr>
<td height='10'> </td>
</tr><tr>
<td valign='top'>[img]gfx/bullet_menue.gif[/img]</td>
<td>Datensatz
suchen</td>
</tr><tr>
<td colspan='2'>[url=/djo-user/index.php?module=03]- Direkt[/url]</td>
</tr><tr>
<td colspan='2'>[url=/djo-user/index.php?module=04]- Alphabet[/url]</td>
</tr><tr>
<td colspan='2'>[url=/djo-user/index.php?module=05]- Volltext (*)[/url]</td>
</tr><tr>
<td height='10'> </td>
</tr><tr>
<td valign='top'>[img]gfx/bullet_menue.gif[/img]</td>
<td>[url=/djo-user/index.php?module=02&action=select_all]Alle Einträge[/url]</td>
</tr><tr>
<td height='10'> </td>
</tr><tr>
<td valign='top'>[img]gfx/bullet_menue.gif[/img]</td>
<td>[url=/djo-user/index.php?module=10&action=vorschlag&type=new]Neuer Vorschlag[/url]</td>
</tr><tr>
<td height='10'> </td>
</tr><tr>
<td valign='top'>[img]gfx/bullet_menue.gif[/img]</td>
<td>[url=/djo-user/index.php?module=07]Hilfe[/url]</td>
</tr><tr>
<td height='10'> </td>
</tr><tr>
<td valign='top'>[img]gfx/bullet_menue.gif[/img]</td>
<td>[url=/djo-user/index.php?module=08]Kontakt / Impressum[/url]</td>
</tr><tr>
<td height='25'></td>
</tr><tr bgcolor='#404040'>
<td height='13' colspan='2'></td>
</tr>
</table>
</div>
<div id='content'><table width='100%'><tr><td>
<html>
<head>
<title>content.php</title>
</head>
<html>
<head>
<title>Startseite</title>
</head>
<table class='geruest100' cellpadding='12px'><tr>
<td>
// INHALT CONTENT FRAME
</td></tr></table>
</body>
</html>
</body>
</html></td></tr></table>
</div>
<div id='ueberschrift'><table width='100%'><tr><td>
<table class='ueberschrift' cellpadding='4px'><tr>
<td> Datenbank "Jüdische Persönlichkeiten" </td>
</tr>
</table>
<table class='status'><tr>
<td width='100px' align='center' class='def_bold'>[img]gfx/status.gif[/img]Status:</td>
<td class='status1'>
</td>
</tr></table>
</td></tr></table>
</div>
<div id='status2'>
</div>
</body>
</html>Mir fällt da gerade noch was auf, jetzt wo ich den Quelltext komplett anschaue (nicht jede Datei einzeln) - ich sollte wohl besser die ganzen html, head, body usw Tags aus den ganzen module-Dateien raus machen?!
Da sind bestimmt noch viele andere Fehlerchen drin! Bin für jeden Tipp dankbar! Denn habe grade erst angefangen mich intensiv mit PHP, MySQL, HTML und CSS zu befassen!
Aber als erstes würde ich gerne wissen wie ich die Seite auf allen Browser ordentlich dargestellt bekomme - vor allem warum Mozilla das
Code:
<table class='geruest'>Ich bedanke mich bei allen, die sich die Mühe machen das zu lesen und nach den Fehlern suchen, ganz herzlich im Vorraus!! Vielen Dank euch!
MfG
Flow
![[-]](https://forum.juergens-workshops.de/images/collapse.png)