nicht angemeldet
Container verschieben sich im IE 7
suit
Gunnar BittersmannHallo,
mein Problem ist, das meine Seite mit dem erstelltem HTML-, bzw. CSS-Code in Firefox 3.0.4, in Opera 9.64 und im IE Vers.8 korrekt angezeigt wird, aber im IE 7 nicht (IE 6 und tiefer habe ich nicht testen können). Im IE 7 verutschen die Container um ca. 3px und das Logo (con_logo) wird garnicht angezeigt. Nun habe ich beim "Stöbern" im Netz einiges über einen sogenannten 3 Pixel Bug gelesen und auch verschiedene Lösungsansätze getestet, leider ohne Erfolg.
Vielen Dank im Voraus für Eure Hilfe!
body
{
background-color: #CBBAA0;
}
#con0
{
position: absolute;
top: 50%;
left: 50%;
width: 825px;
height: 500px;
margin-left: -413px;
margin-top: -250px;
background-color: #FCFC00;
z-index: 1;
}
#con_right
{
position: relative;
height: 500px;
width: 500px;
background-color: red;
float: right;
z-index: 2;
}
#con_right_top
{
position: relative;
height: 250px;
width: 250px;
background-color: #ABCDEF;
float: right;
z-index: 3
}
#con_right_left
{
position: relative;
height: 250px;
width: 250px;
background-color: #006666;
float: left;
z-index: 4
}
#con_right_bottom
{
position: relative;
height: 250px;
width: 500px;
background-color: #CCCCCC;
float: right;
z-index: 5;
}
#con_left
{
position: relative;
height: 500px;
width: 325px;
background-color: #ffffff;
float: left;
z-index: 6;
}
#con_logo
{
position: absolute;
width: 179px;
height: 180px;
margin-left: 220px;
margin-top: 190px;
background-color: #AACFB0;
z-index: 7;
}
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>project-campus</title>
<meta name="keywords" content="project-campus" />
<meta name="description" content="project-campus" />
<link rel="stylesheet" type="text/css" href="kontakt.css" media="screen">
</style>
</HEAD>
<BODY>
<div id="con0">
<div id="con_right">
<div id="con_right_top">
<img src="images/kontakt-250x250.jpg" border="0" />
</div>
<div id="con_right_left">
</div>
<div id="con_right_bottom">
</div>
</div>
<div id="con_left">
</div>
<div id="con_logo">
<img src="images/logo.gif" border="0" />
</div>
</div>
</body>
</HEAD>
</HTML>
-
Vielen Dank im Voraus für Eure Hilfe!
Ich tippe auf den Quirksmode.
-
»» Vielen Dank im Voraus für Eure Hilfe!
Ich tippe auf den Quirksmode.
Vielen Dank für die schnelle Hilfe.
Ich habe jetzt die entsprechende Zeile oberhalb des Head eingefügt und das 3 Pixelproblem ist beseitigt. Jetzt zeigt er auch das Logo an, nur leider extrem nach rechts gerückt. In der normalen Ansicht befindet sich das Logo ungefähr 150px vom linken Rand.Danke und Gruß
longhan
-
-
@@longhan:
nuqneH
in Firefox 3.0.4
Da hast du einige sicherheitsrevante Updates verpasst. ASAP nachholen! 3.0.10 ist aktuell.
Qapla'
--
Bildung lässt sich nicht downloaden. (Günther Jauch)