WBB Design - Blue Vision mit IE7

Geisterbär · 12.04.2007, 22:33

Hallo,

wir haben für uns den Design http://www.vbdesigns.de/demowbb/index.php?styleid=24 gekauft und wollten den bei uns installieren.

Allerdings haben wir festgestellt, dass bei IE7 der die linke Menü spinnt.
So siehts aus:

Kann mir jemand sagen, was ich machen muss, um den Fehler zu entfernen? (Im HTML Code)

Bei uns wird auch demo falsch angezeigt. Aber nur in IE7. IE6, opera und Firefox macht alles richtig.

Gruß Geisterbär

PS: bevor ihr Fragt: Das 'Go' hab ich eingefügt zur Markierung.

Stefan_G · 13.04.2007, 08:06

Moin,

ohne Link wird das hier eine Ratestunde.
Ich würde auch mal bei denen im Forum fragen. Meiner Erfahrung nach sind die sehr auskunftsfreudig und helfen bei sowas auch fix.

//Stefan

Geisterbär · 13.04.2007, 08:52

Wer lesen kann ist klar im vorteil: http://www.vbdesigns.de/demowbb/index.php?styleid=24 hab ich doch geschrieben. Dieses Demo zeigt bei uns den Fehler an. Ich habe bei mir noch nicht installiert, weil wir das für ein eigen geschriebenes Forum installieren werden

2-Signs · 13.04.2007, 09:58

im css (bereich Navigation) wird vom IE7 irgend nen padding falsch behandelt und dadurch wird die Navigation breiter, da sie bestimmt ein feste Breite hat.

Wenn Du der Navigation

Code:

background-repeat:no-repeat;

gibst, dann ist schonmal die Grafik rechts weg, jedoch bleibt die "Verschiebung". Diese kannst Du mit einer kleineren "festen Breite" der Navigation verhindern.

- Angaben ohne Gewähr -

Geisterbär · 13.04.2007, 10:03

Hallo Danke für Tipps wir haben das Problem anderes gelöst. Die haben css extra für ie eingebaut, das nicht in ie7 kompatibel war. Wir haben die CSS angaben nur für ie6 definiert:

PHP-Code:


			
<!--[if IE 6]>

   <style type="text/css">

   /*<![CDATA[*/ 

.flink a{ display:block; padding-left:36px; padding-top:4px; width:189px; height:20px;  font: bold 11px  verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration: none;}

.flink a:hover{display:block; padding-left:38px; color: #FFFFFF; width:187px; height:20px;  }

.flinka a, .flinka a:link, .flinka a:visited,{color: #FFFFFF; display:block; padding-left:38px; padding-top:4px; width:189px; height:20px;  font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;text-decoration: none;  }

.flinka a:hover{display:block;padding-left:38px; width:187px; height:20px;  }   

   /*]]>*/

   </style>