Hintergrund wird beim IE 7 um ein Pixel versetzt angezeigt

Webdesign & Technik HTML & CSS
1

Hallo,

ich habe ein großes Problem. Auf meiner Testseite:

http://cujo.bplaced.net

wird der mittlere Teil des Hintergrunds vom IE7 um einen Pixel versetzt angezeigt. Opera, Safari und FF3 zeigen ihn richtig an.

Habt ihr eine Idee, woran das liegen könnte? Es ist ziemlich dringend, weil die Seite morgen Abend online gehen soll.

Edit: Hat sich erledigt, der Fehler wurde gefunden.

Gruß,

Cujo

2

Ich kann dir leider nicht direkt helfen, da es ein Problem des IE ist…

Allerdings könntest du versuchen, den divs eine absolute position zu geben

Bsp. (so geschrieben, dass die website trotz absoluter platzierung immer in der Mitte ist):

div#bsp {
position: absolute; 
left: 50%;
margin-left: -400px;
top: 50%;
margin-top: -300px;
padding: 10px;
background-image: url(img/nix.jpg);
background-repeat: no-repeat;
border: 0px solid black;
min-width: 800px;
width: 800px;
min-height: 600px;
height: 600px;
}

Das wäre, wenn du ein Div mit der Grösse von 800x600 genau in der Mitte platzieren möchtest.

Willst du jetzt 2 Divs übereinander ahben, die zusammen 800x600 sind gehts so:

[b]CSS[/b]

div#bsp1 {
position: absolute; 
left: 50%;
margin-left: -400px;
top: 50%;
margin-top: -250px;
padding: 10px;
background-image: url(img/nix.jpg);
background-repeat: no-repeat;
border: 0px solid black;
min-width: 800px;
width: 800px;
min-height: 500px;
height: 500px;
}

div#bsp2 {
position: absolute; 
left: 50%;
margin-left: -400px;
top: 50%;
margin-top: -350px;
padding: 10px;
background-image: url(img/nix.jpg);
background-repeat: no-repeat;
border: 0px solid black;
min-width: 800px;
width: 800px;
min-height: 100px;
height: 100px;
}

</style>
[b]html[/b]

<html>
<head>
<title>nix</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" title="Standard" media="screen, projection">
</head>
<body>

<div id=bsp1>
. . .
</div>
<div id=bsp2>
. . .
</div>
</body>
</html>

Man muss manchmal ein bisschen basteln aber es funktioniert

3

Ach Mensch… gerade als ich so viel geschrieben habe :smiley:

4

Ähm, ich will dir nicht zu nahe treten, aber das Edit war schon 2 Tage bevor du die Antwort geschrieben hast !haue

War aber trotzdem nett, dass du versucht hast, mir zu helfen :slight_smile: