So, bin gerade nachhause gekommen, hatte vorher keine Zeit zum ausprobieren. Danke für die Tipps, hat leider nichts geholfen
@heiko_rs: Ich weiß, dass backround-repeat default auf repeat ist. Wenn ich das aber weglasse, wird im Firefox kein Background angezeigt .... kA wieso.
Aber jetzt poste ich mal meinen ganzen Code, ich hoffe jemand schaut ihn sich an, es ist nicht sehr viel...
Style Sheet:
Code:
<style type="text/css"><!--
#bodyStyle{
text-align:center;
}
#leftM {
width:132px;
height:495px;
float:left;
background-image:url(menue_links.jpg);
clear:right;
}
#obenM {
width:800px;
height:68px;
background-image:url(menue_oben.jpg);
clear:right;
}
#obenMinhalt{
padding-top:15px;
margin-left:154px;
}
#leftMinhalt{
padding:50px 0px;
}
#partner{
width:148px;
height:385px;
float:right;
margin:20;
background-image:url(partner.jpg);
clear:right;
}
#partnerInhalt{
margin:20px 0px;
}
#content{
padding-left: 50px;
padding-top: 50px;
float:left;
text-align:left;
}
#logo{
top:0px;
left:0px;
display:block;
position: absolute;
}
#gesamterInhalt {
position: relative;
width: 800px;
min-height: 600px;
margin: 0 auto;
background: url(background.jpg) repeat; }
* html #gesamterInhalt {
height: 600px; }
//--></style>
HTML-Datei:
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="cssStyle.css">
<title></title>
</head>
<body style="text-align:center;">
<div id="gesamterInhalt">
<div id="obenM">
<p id="obenMinhalt">
[img]kreis.jpg[/img] [img]aktuelles.jpg[/img]
[img]kreis.jpg[/img] [img]voiclub.jpg[/img]
[img]kreis.jpg[/img] [img]ueberuns.jpg[/img]
[img]kreis.jpg[/img] [img]login.jpg[/img]
</p>
</div>
<div id="leftM">
<p id="leftMinhalt">###Menü###</p>
</div>
<div id="partner">
<p id="partnerInhalt">###Partner###</p>
</div>
<div id="content">
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
###Inhalt###</p>
</div>
[img]logo.jpg[/img]
</div>
</body>
</html>
Und hier mal die Bilder zu meinem Problem, falls das weiter hilft:
Im Firefox sieht es so aus:
So sollte es eben nicht sein, wie es im Firefox dargestellt wird.
Und im Internet Explorer so:
Hier im IE wird es so dargestellt, wie ich es möchte, lässt euch von der Lasche rechts unten nicht stören, das ist nicht das Problem...ich werde die sowieso weglassen.
mfg bueno