Hallo!
Ich habe ein kleines Problem mit der Darstellung eines Hintergrundbildes im Firefox. Im IE läufts zwar wunderbar, aber da wir grade in Österreich mittlerweile mehr Firefox als IE haben, und es eine Webseite für einen Österreichischen Verein werden soll, will ich eben das es in möglichst beiden Browser (halbwegs ;) ) gut klappt.
Hier mal der Code:
Ich hab die Bilder angehängt wies bei IE und Firefox aussieht(IE ist das was richtig ist).
Wie man sieht ist das Bild im Firefox irgendwie "gestaucht", und auch der Abstand zwischen den Bildern stimmt nicht. Die weiße runde ecke im linken oberen rand des dunklen Bereiches gehört übrigens auch noch zur Datei von dem Hintergrundbild.
Mit freundlichen Grüßen
Maxs
Ich habe ein kleines Problem mit der Darstellung eines Hintergrundbildes im Firefox. Im IE läufts zwar wunderbar, aber da wir grade in Österreich mittlerweile mehr Firefox als IE haben, und es eine Webseite für einen Österreichischen Verein werden soll, will ich eben das es in möglichst beiden Browser (halbwegs ;) ) gut klappt.
Hier mal der Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>FechtUnionLinz - Training</title>
<style type="text/css">
body {
font-family: Arial, Verdana, Trebuchet MS;
}
#container {
}
#menue {
color: #b92023;
text-align: left;
padding-top: 60px;
word-spacing: 2.2em;
font-size: 1.0em;
}
#header {
float: left;
width: 342px;
height: 107px;
}
#cont {
background-image: url(style/images/main_back.png);
width: 980px;
height: 352px;
}
#contact {
width: 950px;
height: 160px solid;
background-color: gray;
margin-top: 10px;
word-spacing: 1em;
float: left;
color: white;
font-size: 1em;
text-align: right;
padding-top:100px;
padding-bottom: 30px;
padding-right: 30px;
}
a:link {
color: #b92023;
text-decoration: none;
border: 0px;
}
a:hover {
border-bottom: 1px dotted;
}
a:active {
color: #000;
text-decoration: none;
}
a:link {
color: #b92023;
text-decoration: none;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<img src="style/images/head_neu.png" />
</div>
<div id="menue">
<strong><a href="news.html">News</a> <a href="contest.html">Tuniere</a> <a href="training.html">Training</a> <a href="verein.html">Verein</a> <a href="photo.html">Fotos</a> <a href="download.html">Download</a> <a href="contact">Kontakt</a></strong>
</div>
<div id="cont">
<div id="image">
</div>
<div id="text">
</div>
</div>
<div id="contact">
</div>
</div>
</body>
</html>Wie man sieht ist das Bild im Firefox irgendwie "gestaucht", und auch der Abstand zwischen den Bildern stimmt nicht. Die weiße runde ecke im linken oberen rand des dunklen Bereiches gehört übrigens auch noch zur Datei von dem Hintergrundbild.
Mit freundlichen Grüßen
Maxs
