Tweet
Hallo erstmal an alle,
Ich habe das Problem, das eine Seite, die ich erstellt habe, unter den Verschiedenen Browsern Probleme verurscht.
Im IE 6 wird die Seite Fehlerfrei angezeigt, im IE 7 jedoch verschiebt sich alles, wenn der Browser verkleinert wird. Siehe Bilder
IE6 Fehlerfrei
IE7
Im FireFox dagen wird die Seite Grundsätzlich falsch angezeigt,
Siehe Bild
Hier der dazugehörige Quelltext
[PHP<?xml version='1.0'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<title>Die Hibiduriker Skatverein</title>
<meta http-equiv='content-type' content='text/html; charset=iso-8859-1' />
<link href='css/site.css' rel='stylesheet' type='text/css' />
</head><body>
<div class='gesamtercontainer'>
<div class='kopfzeile'>
<img src='images/kopflinks.gif' width='298' height='80' /></div>
<div class='kopfzeile2'>
<img src='images/logo.gif' width='112' height='70' class='rechtsausrichten' />
</div>
<div class='navigation'>
<table>
<tr>
<td colspan='2'> <b>Mitgliederlogin</b></td>
</tr>
<tr>
<td> <b>Nickname</b></td>
<td> <input type='text' name='' value='' size='10' /></td>
</tr>
<tr>
<td> <b>Passwort</b></td>
<td> <input type='password' name='' value='' size='10' /></td>
</tr>
<tr>
<td colspan='2' align='center'> <input type='submit' name='' value='Anmelden' /></td>
</tr>
</table>
<h3>navigation</h3>
<p><a href='index.php' name ='home'><b>Home</b></a></p>
<p><a href='chronik.php' name ='chronik'>Chronik</a></p>
<p><a href='termine.php' name ='termine'>Termine</a></p>
<p><a href=''>Presse</a></p>
<p><a href='kontakt.php' name ='kontakt'>Kontakt</a></p>
</div>
<div class='inhalt'>
<h1>Die Hibiduriker</h1>
<p><b> ist der einzige Skat-Verein in Deutschland, wo die Mitglieder und Gäste sowohl an
den Übungsabenden als auch bei allen sonstigen Veranstaltungen auf den Verzehr von
alkoholischen Getränke verzichten. Dies wird auch so bleiben!</b></p>
<p><img src='images/home_gruppe1.jpg' width='250' height='160' class='rechtsausrichten' />
<b>Der Verein wurde im Jahre 1997 von sechs trockenen Alkoholikern gegründet und zum
01.01.1998 beim DSkV / SkVNB angemeldet. </b> </p>
<br /><br />
<p><b>Allen Skatfreunden immer "Gut Blatt"<br /><br />
Der Vorstand</b>
</p>
</div>
<div class='fusszeile'>
<p><a href='impressum.php'>Impressum</a> powert by © by Nils Günther 2008</p>
</div>
</div>
</body>
</html>PHP]
und der dazugehörige css-code
Irgendwie komme ich nicht weiter, kann mir jemand helfen, und mir sagen, wo ich da einen Fehler habe?
Danke schon mal im Vorfeld
Gruß Tech
Ich habe das Problem, das eine Seite, die ich erstellt habe, unter den Verschiedenen Browsern Probleme verurscht.
Im IE 6 wird die Seite Fehlerfrei angezeigt, im IE 7 jedoch verschiebt sich alles, wenn der Browser verkleinert wird. Siehe Bilder
IE6 Fehlerfrei
IE7
Im FireFox dagen wird die Seite Grundsätzlich falsch angezeigt,
Siehe Bild
Hier der dazugehörige Quelltext
[PHP<?xml version='1.0'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<title>Die Hibiduriker Skatverein</title>
<meta http-equiv='content-type' content='text/html; charset=iso-8859-1' />
<link href='css/site.css' rel='stylesheet' type='text/css' />
</head><body>
<div class='gesamtercontainer'>
<div class='kopfzeile'>
<img src='images/kopflinks.gif' width='298' height='80' /></div>
<div class='kopfzeile2'>
<img src='images/logo.gif' width='112' height='70' class='rechtsausrichten' />
</div>
<div class='navigation'>
<table>
<tr>
<td colspan='2'> <b>Mitgliederlogin</b></td>
</tr>
<tr>
<td> <b>Nickname</b></td>
<td> <input type='text' name='' value='' size='10' /></td>
</tr>
<tr>
<td> <b>Passwort</b></td>
<td> <input type='password' name='' value='' size='10' /></td>
</tr>
<tr>
<td colspan='2' align='center'> <input type='submit' name='' value='Anmelden' /></td>
</tr>
</table>
<h3>navigation</h3>
<p><a href='index.php' name ='home'><b>Home</b></a></p>
<p><a href='chronik.php' name ='chronik'>Chronik</a></p>
<p><a href='termine.php' name ='termine'>Termine</a></p>
<p><a href=''>Presse</a></p>
<p><a href='kontakt.php' name ='kontakt'>Kontakt</a></p>
</div>
<div class='inhalt'>
<h1>Die Hibiduriker</h1>
<p><b> ist der einzige Skat-Verein in Deutschland, wo die Mitglieder und Gäste sowohl an
den Übungsabenden als auch bei allen sonstigen Veranstaltungen auf den Verzehr von
alkoholischen Getränke verzichten. Dies wird auch so bleiben!</b></p>
<p><img src='images/home_gruppe1.jpg' width='250' height='160' class='rechtsausrichten' />
<b>Der Verein wurde im Jahre 1997 von sechs trockenen Alkoholikern gegründet und zum
01.01.1998 beim DSkV / SkVNB angemeldet. </b> </p>
<br /><br />
<p><b>Allen Skatfreunden immer "Gut Blatt"<br /><br />
Der Vorstand</b>
</p>
</div>
<div class='fusszeile'>
<p><a href='impressum.php'>Impressum</a> powert by © by Nils Günther 2008</p>
</div>
</div>
</body>
</html>PHP]
und der dazugehörige css-code
PHP-Code:
body {
padding:0px;
text-align: center;
color: #101058;
font-family: Arial, Helvetica, sans-serif;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #dddddd;
background-image: url(../images/bg-gesamt.gif);
background-repeat: no-repeat;
background-position: left top;
}
.gesamtercontainer {
width: 80%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../images/bg-container.gif);
background-repeat: repeat-y;
text-align: left;
border: 2px solid #101058;
}
.kopfzeile {
float: left;
background-image: url(../images/bg-kopf.gif);
height: 80px;
background-repeat: repeat-x;
padding: 0px;
border: 0px;
}
.kopfzeile2 {
float: left;
background-image: url(../images/bg-kopf.gif);
height: 75px;
background-repeat: repeat-x;
padding: 0px;
border: 0px;
}
.navigation {
float: left;
width: 200px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
background-image: url(../images/bg-navigation.gif);
background-repeat: no-repeat;
background-position: left top;
}
.navigation h3, #navigation p {
margin-right: 10px;
margin-left: 10px;
}
.inhalt {
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 220px;
font-weight: bold;
background-image: url(../images/skat2.gif);
background-repeat: no-repeat;
height: 400px;
}
.inhalt2 {
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 220px;
font-size: small;
background-image: url(../images/skat2.gif);
background-repeat: no-repeat;
height: 400px;
}
.fusszeile {
background-color: #ffffff;
padding: 0px;
height: 30px;
}
.fusszeile p {
color: #101058;
font-size: 12px;
text-align: center;
background-image: url(../images/bg-fusszeile.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 10px;
}
.linksausrichten {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.rechtsausrichten {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
h1, h2, h3 {
color: #101058;
}
h1 {
font-family: 'Broadway BT',Broadway , Arial;
}
a:link {
color: #101058;
text-decoration: none;
}
a:visited {
color: #101058;
text-decoration: none;
}
a:hover {
color: #101058;
font-weight: bold;
}
a:active {
color: #101058;
font-weight: bold;
}
Danke schon mal im Vorfeld
Gruß Tech
Kommentar