Morgen,
Ich habe jetzt das Grundgerüst für meine HP, nur habe ich jetzt ein Problem und zwar, dass ich gemerkt habe das meine seite in IE7 ganz normal aussieht, doch in IE6 und Mozilla Firefox, die Bilder in der 1. Überschrift mit mehreren Zeilenumbrüchen versehen ist und die Bilder auch versetzt sind.
Was kann ich als Korregur für Firefox und IE6 nehmen???
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>News</title>
<style type="text/css">
body, p a {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: Dimgray;
min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
p {
margin: 3em 0 0 3em; /* Positionierung des 'zurueck'-Links */
}
html {
padding: 0;
}
body {
margin: 0; padding: 0;
}
#fixiert {
position: absolute;
top: 15em; left: 1em; /* Navigationsleisten ausrichtung */
width: 20em; /* Navigationslistengröße */
background-color: Dimgray;
border: 1px solid Dimgray;
}
html>body #fixiert { /* nur fuer moderne Browser! */
position: fixed;
}
#fixiert img {
height: 6.8em; float: right; /* Größe und Ausrichtung, des Bildes */
}
#Inhalt {
margin-left: 22em; padding: 0 1em; /* Textabsatzausrichtung */
border-left: 10px ridge Dimgray; border-top: 10px ridge Dimgray;border-right: 10px ridge Dimgray; /* Rahmenschattenfarbe links und oben */
}
* #Inhalt { /* versteckt vor Netscape 4 */
background-color: white /* Hintergrund-Farbe des Text-Kastens */
}
#Inhalt h2 {
font-size: 1.2em; /* Schriftgröße */
margin: 2em 5% 2em; /* Ausrichtung des Textes */
color: maroon; /* Überschriftfarbe der 2ten. Überschrift */
border-bottom: 1px solid silver; /* Unterschriftfarbe */
}
#Inhalt p {
font-size: 1em; /* Schriftgröße Inhalt des Kastens */
margin: 1em 0 ;
}
#Inhalt #Fusszeile {
font-size: 0.9em;
margin: 50em 0 0; padding: 0.1em;
text-align: center;
background-color: #fed; border: 1px solid silver; */Fusszeile, wenn man bis nach unten gescrollt hat */
}
h1 {
font-size: 1.5em; /*Schriftgröße*/
margin: 1.5em; padding: 0.3em; /*Überschriftausrichtung*/
text-align: left; /*Textausrichtung*/
background-color: Dimgray; /*Hintergrundfarbe*/
border: 0px ridge white; /*Rahmenfarbe und größe*/
}
#Navigation {
font-size: 0.83em;
margin: 0 0 12em; padding: 0;
}
#Navigation li {
list-style: none;
margin:0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.5em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: Dimgray;
}
ul#Navigation a:visited {
color: black; background-color: Dimgray;
}
ul#Navigation a:hover {
color: black; background-color: gray;
}
ul#Navigation a:active {
color: Dimgray; background-color: Dimgray;
}
</style>
<meta name="author" content="Pascal">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
</body>
</html>
<div id="Scrollbereich">
<center> <h1>[img]tempfire edited.jpg[/img]
[img]cooltext37285246.jpg[/img]
[img]tempfire edited.jpg[/img]</h1> </center>
<div id="Inhalt">
<h2>[b]<center>[img]cooltext38787697.jpg[/img]</center>[/b]</h2>
Natürlich werdet ihr auch über alle intressanten Neuigkeiten informiert, wenn ihr angemessene Themen habt,
lasst es mich wissen, schreibt es im Forum unter: Infos, Wünsche und Kritik</p>
<center>[img]cooltext37414757.jpg[/img]</center></p>
<p id="Fusszeile">Sie wollen weiter scrollen? Tut mir leid, doch das geht hier nicht! ;D </p>
</div>
</div>
<div id="fixiert">
<ul id="Navigation" >
[*][url='index.html']Home[/url]
[*][url='news.html']News[/url]
[*][url='hannoverfriends.html']Hannover-Friends[/url]
[*][url='profile.html']Profile[/url]
[*][url='pic's.html']Pic's[/url]
[*][url='extras.html']Extras[/url]
[*][url='gaestebuch.html']Gästebuch[/url]
[*][url='forum.html']Forum[/url]
[/list]
[/list]
[url='javascript:history.back()']Zurück[/url]</p>
</div>
© by >>Pascha<<