nicht angemeldet
Im IE Bild leicht versetzt
Hallo Community,
auf meiner seite ( http://thesyn.de/hexezinke/cms/ )
hab ich ein hintergrundbild im body liegen das von oben nach unten automatisch wiederholt wird. davor ist im kopf der seite ein weitere container (#bildcontainer) in dem ein weiteres bild liegt. leider versetzt es mir das bild leicht nach rechts im IE. Im Opra & Firefox wird es einwandfrei dargestellt? Was kann ich dagegen machen? Gibt es dafür noch was, das ich in meiner css file eintragen muss oder evtl nen hack dafür? Bin noch neu unt in CSS noch nicht ganz so fit?
Hab hier nochmal den Inhalt der index & der css-datei gepostet, damit ihr nicht danach schauen müsst. (ist mein template für joomla) wäre sehr froh über eine antwort ;) Nehme auch gerne vorschläge an wenn es ein einfachere art gibt das layout auf zu bauen ;)
Index.php :
<body>
<div id="contentcenter">
<div id="maincontent">
<div id="bildcontainer"> </div>
<div id="banner"><?php mosLoadModules ( 'banner' ); ?></div>
<div id="tigrainhalt"><?php mosLoadModules ( 'top' ); ?></div>
<div id="content"><?php mosMainBody(); ?></div>
<div id="menu1">
<?php mosLoadModules ( 'user1' ); ?></div>
</div>
<div id="menu2">
<?php mosLoadModules ( 'user2' ); ?></div>
</div>
</div>
</body>
_______________________________________________________________
template_css.css :
body {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 1.5em;
font-style:normal;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
td,th,div {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 1.5em;
font-style:normal;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #f5a103;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F06000;
text-decoration: none;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F06000;
text-decoration: none;
}
#contentcenter {
z-index: 1;
top:0px;
width:990px;
position:absolute;
left:50%;
margin-left:-495px;
}
#maincontent {
z-index: 1;
width:990px;
}
#bildcontainer {
position:absolute;
width:990px;
height:475px;
background: url(../images/top.jpg) no-repeat top center;
margin:0px;
padding:0px;
}
#banner {
position:absolute;
width:800px;
height:200px;
left:10px;
z-index: 4;
}
#content {
z-index: 3;
padding-top:240px;
position:relative;
width:580px;
left:30px;
}
#menu1
{
z-index: 2;
position:absolute;
width:150px;
top:230px;
left:640px;
}
#menu2
{
z-index: 2;
position:absolute;
width:170px;
top:475px;
left:830px;
}
#tigrainhalt
{
z-index: 4;
position:absolute;
top:200px;
width:800px;
height:20px;
left:15px;
float: none;
float: left;
}
.textrot
{
color: #ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 1.5em;
font-style:normal;
}
.contentheading {
color: #000000;
background-color:#f5a103;
font-weight: bold;
font-size: 12px;
white-space: nowrap;
width:570px;
}
.buttonheading {
background-color:#f5a103;
width:0px;
}
-
Hat niemand eine idee :(
-
Hat niemand eine idee :(
Hilfeeeee!!!
-
-
Hi,
Du hast da ein ziemlich wüste Mixtur aus DIVs und Tabellen, die schwer zu durchschauen sind. Der Fehler ist übrigens im Firefox 1.0.8 genauso zu sehen wie im IE7. Da ich im Firefox eine andere Hintergrundfarbe vorgegeben habe sehe ich link einen Spalt hiervon ab der Höhe der Anmeldebox, was eine Verschiebung bewirkt.
Vielleicht hilft die Korrektur der Fehler?
Wenn nicht, suche nach margin-Angaben.freundliche Grüße
Ingo