Darstellungsprobleme im IE 7

Kreshnik · 16. April 2009

Es dreht sich um diese Seite:

CSS:

Code:

.preload1 {background: url(pro_dropdown_6/six_0a.gif);}
.preload2 {background: url(pro_dropdown_6/six_1a.gif);}

#content  { text-align:left; padding-left: 30px; padding-right: 30px; position: relative;

  }


#wrapper {height: 100%; width: 938px; position: relative ; top: 0; left: 0; padding: 0; margin: 0 auto; overflow: auto; overflow-y:auto; z-index: 10;}


#nav {padding:0; margin:0 auto; list-style:none; height:35px; background:#fff url(pro_dropdown_6/six_0.gif) repeat-x; position: static; z-index:200; font-family:arial, verdana, sans-serif; text-align:center}
#nav li.top {display:block; float:left; }
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color: #0099CC ; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(pro_dropdown_6/six_0.gif); }
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_6/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_6/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color: orange; background: url(pro_dropdown_6/six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(pro_dropdown_6/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(pro_dropdown_6/six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color: #FFF; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(pro_dropdown_6/arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(pro_dropdown_6/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(pro_dropdown_6/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(pro_dropdown_6/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}

HTML:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Index</title>
<meta name="Author" content="Marcel" />

<link rel="stylesheet" type="text/css" href="stylesheet.css" />

<style type="text/css">

#footer {
position: relative ;
bottom:0px;
height:39px;
width:938px; overflow:hidden;
}

</style>
</head>

<body style="background: #20425d url(background.png) repeat-x; color:#FFFFFF;">

<div id="wrapper" >
<h1>Banner</h1>


<span class="preload1"></span>
<span class="preload2"></span>

<ul id="nav">
	<li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
	<li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Produkte</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
			
			</li>
			<li><b>Preiskategorie</b></li>
			<li><a href="#nogo19">Basis</a></li>
			<li><a href="#nogo20">Extended</a></li>
			<li><a href="#nogo21">Special</a></li>
		</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Unternehmen</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
			<li><a href="#nogo23">Unsere Idee</a></li>
			<li><a href="#nogo24">Das Team</a></li>
			<li><a href="#nogo25">Geschäftstselle</a></li>
			
		</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Karriere</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
			
			<li><a href="#nogo29" class="fly"><b>Ausbildung</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
				<!--[if lte IE 6]><table><tr><td><![endif]--><ul>
				
					
					<li><a href="#nogo32">Programmierer</a></li>
					<li><a href="#nogo47">Buchhalter/-in</a></li>
					<li><a href="#nogo48">Duales Studium</a></li>
				</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
			<li><a href="#nogo49">Syst. Elektroniker</a></li>
			<li><a href="#nogo50">Verkaufsleiter</a></li>
			<li><a href="#nogo51">Sachbearbeiter</a></li>
			<li><a href="#nogo52">Servicetechniker</a></li>
		</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Shop</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
			<li><a href="#nogo54">Zum Shop</a></li>
			
			<li><a href="#nogo56">Katalog ordern</a></li>
		</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Service</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
			<li><a href="#nogo54">Kontakt</a></li>
			
			<li><a href="#nogo56">Hotline</a></li>
		</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href="#nogo57" id="privacy" class="top_link"><span>Presse</span></a></li>
</ul>

<div id="content" style="background-image: url(grey_bg.png);" >


Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Tesxt ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext 
ttext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtettext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtettext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtettext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testte
ttext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtettext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ...
Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testtext ... Das ist ein Testte

</div>




<div id="footer" style="background-image: url(content_h3.png); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-small; text-align:center;">-AGB- -Impressum-</div>
</div>
</body>


</html>

Im neuen Opera wird sie einwandfrei dargsetellt. Im aktuellen IE dagegen vermurkst er das Navigationsmenü.
Hat jemand einen Ratschlag, wie ich den Ischrott-Explorer dazu bringen kann, Die Grafik richtig anzuzeigen?

EDIT: Der aktuelle Firefox schafft auch die einwandfreie Darstellung -.-"

Maik · 16. April 2009

Hi,

da beim Aufruf des Quellcodes von den eingebundenen Hintergrundbildern, und somit vom vermeintlichen Darstellungsproblem im IE7 nichts zu sehen ist, wäre ein Link zu deiner Seite aufschlußreich, denn das Original http://www.cssplay.co.uk/menus/pro_drop6.html, woher der Quellcode stammt, wird von ihm fehlerfrei interpretiert.

Im übrigen ist es nicht zulässig, den Code ohne das Copyright im Stylesheet hier zu veröffentlichen

Code:

/* ================================================================ 

This copyright notice must be kept untouched in the stylesheet at 

all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/pro_drop6.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

mfg Maik

Maik · 16. April 2009

So, hab mir eben fix die Grafiken des Menüs heruntergeladen, und deinen Code im IE7 betrachtet, und kann in ihm keinen Darstellungsfehler entdecken.

mfg Maik

Kreshnik · 16. April 2009

Hmm sehr seltsam, aber ich sehe auch gerade, dass ich den I-Net Explorer 8 Beta habe.... kann es evtl. auch an der Betaversion des Browsers liegen?

P.S.: Und wie sieht es eigentlich mit der BG-Color aus? Geht bei euch die BG-Grafik flüssig über?

MfG
Marcel

Maik · 16. April 2009

Den IE8 (Beta) hab ich hier nicht am Start.

Und von welcher Hintergrundgrafik sprichst du, die flüssig übergehen soll, denn wie vorhin schon erwähnt, ist in deiner Seite von den Hintergrundbildern nichts zu sehen, da sie schlichtweg nicht vorliegen.

mfg Maik

Maik · 16. April 2009

Maik hat gesagt.:
Den IE8 (Beta) hab ich hier nicht am Start.

Hab jetzt http://www.cssplay.co.uk/menus/pro_drop6.html via browserpool.de im IE8 (Beta) betrachtet, und kann auch hier keine Darstellungsprobleme ausmachen.

mfg Maik

Kreshnik · 16. April 2009

Ah, ich sehe, es ist mein Fehler! Ich habe mal die Seite, mit stylesheet und den Grafiken angehängt. Ich denke, nun sollte es auf jeden Fall zu sehen sein.

Maik · 16. April 2009

Was den "harten" Übergang vom Hintergrundbild zur Hintergrundfarbe betrifft, ist dies definitiv kein CSS-Problem, sondern eher ein Fall für die "X-Akten", denn das Hintergrundbild (background.png) der Seite wird bei mir im IE dunkler dargestellt - am unteren Ende der Grafik beträgt der gemessene Hex-Farbwert "#193853" anstelle von "#20425e".

mfg Maik

Kreshnik · 16. April 2009

Hm, du hast recht,, wenn ich die bg-colour mit dem Farbcode #193853 ersetze, sieht es gut aus....allerdings passt er nun bei Firefox und Opera nicht mehr...
Gibt es da so eine möglichkeit der Weichenstellung? Also dass er wenn es der IE ist, den Code #193853 nimmt und sonst den Anderen?

P.S.: War sonst noch etwas in Unordnung? Also vor allem bei der Navi-Leiste?

MfG
marcel

Maik · 16. April 2009

Alternative CSS-Dateien für den Internet Explorer (Conditional Comments)

Ansonsten konnte ich soweit keine Darstellungsprobleme feststellen.

mfg Maik

Darstellungsprobleme im IE 7

Kreshnik

Maik

Maik

Kreshnik

Maik

Maik

Kreshnik

Anhänge

Maik

Kreshnik

Maik

Neue Beiträge