Der liebe IE

**redbecks** · 30.06.2009, 18:31

Moin Moin!

ich habe grade mein neues Portfolio in Netz gestellt und jetzt habe ich ein sehr sehr sehr unschönes Problem...

http://www.zeit-vertreib.de/

Die Probleme traten bei mir mit den IEs <=8 auf. Und zwar sind überall Scrollbalken bei den <div> und man kann auf keine Links klicken und nicht mit den Browserscrollbalken scrollen, sondern nur über das Scrollrad an der Maus...

Sowas habe ich noch nie gesehen geschweige denn gehabt...

TL Version ist 2.7.2

LG
Simon

**MacKP** · 30.06.2009, 18:43

Hallo redbecks,
ich hab da so ein komisches Gefühl, das es an dem overflow:auto; bei den .block Elementen liegen könnte. Der IE stellt den Inhalt deiner Blöcke größer dar als du gerne hättest. Dadurch bekommst dann sowas.
Versuch mal ohne, oder mit overflow: hidden;

Und nur um sicher zu gehen würde ich das mal raus nehmen (Zeile 17 bis 20)

HTML-Code:

<style type="text/css" media="screen">
<!--/*--><![CDATA[/*><!--*/
/*]]>*/-->
</style>

Viele Grüße

**redbecks** · 30.06.2009, 19:03

Hi MacKP!

Vielen Dank schonmal für die 1. Lösung!
.block ist auf overflow:hidden, doch es lag an dem Gewirr im Template:

HTML-Code:

<style type="text/css" media="screen">
<!--/*--><![CDATA[/*><!--*/
/*]]>*/-->
</style>

Doch jetzt ist es oben etwas verrutscht und es lässt sich noch immer nicht auf die Links klicken und mit dem BrowserScrollbalken scrollen...

// Hmm... aber jetzt ist die Navigation komplett kaputt... dieses Gewirr kommt von:

PHP-Code:


<?php echo $this->framework; ?>

...und wird doch relativ dringend benötigt!?

**MacKP** · 30.06.2009, 19:29

Wenn du das framework von TL benutzt brauchst das.. bei nem eigenen CSS nicht ;-)

Hmm ich seh im IE6 immer noch die ganzen scrollbalken...
Im FF ist es jetzt etwas verschoben, weil die boxen ja floaten und verschiedene größen haben. Da dürfte dir nen clear helfen bei ner neuen Zeile.

**redbecks** · 30.06.2009, 19:37

hmm... eigendlich habe ich mein eignes CSS, doch wenn ich das Framework raus nehme, dann steht da statt der Navigation "Navigation übespringen"...

Die Scrollbalken sind jetzt auch wieder da, da ich das Framework wieder eingebaut habe, da es zumindest in den anderen Browsers laufen soll

Welchen FF benutzt du? Bei mir ist da nichts verschoben (3.0.11)

und eigentlich sollten alle Boxen die selbe Größe haben

Aber das clear habe ich vergessen...danke für den Hinweis!

**MacKP** · 30.06.2009, 19:57

Dann kommt sich das ganze in die quere... Lass das Typolight Framework dann auf jeden Fall weg.
Damit bekommst du dann die Skiplinks in den Griff:

Code:

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}

Liegt schätze ich mal an meinem Linux (Kubuntu) System, da sind die Schriften meistens etwas größer. Daher sind die Inhalte dann auch verschieden groß (je nach Textanteil).
Aber mit dem clear düfte sich das dann erledigt haben ;-)

Viele Grüße

**redbecks** · 01.07.2009, 19:15

ich habe jetzt das Framework abgestellt und die wichtigen CSS-Angaben manuell ergänzt. Die Scrollbalken bei den ganzen Referenzen sind jetzt endlich weg und der Umbruch ist sauber, auch wenn mal die Schrift etwas größer ist.

Ich habe jetzt nur noch das Problem, dass man auf keine Links klicken kann, der Scrollbalken des Browsers nicht manuell betätigt werden kann und was mir neu aufgefallen ist, dass der Hintergrund nicht so ist, wie er gehört (alles nur im IE).

Nach meiner mühevollen Fehlersuche ist mir dann aufgefallen, wenn ich kein Hintergrundbild angebe, dass dann alles wunderbar funktioniert, doch darauf möchte ich nicht verzichten.

Das Hintergrundbild habe ich in per CSS über den Selektor "html" eingebunden und ist eine 400x400px PNG Datei. Das müsste doch eigentlich funktionieren!?

**MacKP** · 01.07.2009, 19:26

Hallo redbecks,
dann versuchs doch mal über body und nicht über html.

Ansonsten hab ich hier unter Linux keine sehr schönen Efekte (die Bilder werden nur zur hälfte dargestellt und das scrollen ist ziemlich lahm)... aber das kann an ie6 unter Linux liegen...

Vielleicht kann da noch mal wer anders mit dem IE6 drüber schauen.

Viele Grüße

**redbecks** · 01.07.2009, 19:43

suppi... habe das jetzt dem body zugewiesen und es ist akzeptabel. also jetzt wird zwar im IE gar kein Hintergrund mehr angezeigt, doch da ich "black" als hintergrundfarbe zusätzlich definiert habe, ist es nicht so schlimm.

ich habe hier auch den IE6 (windows), doch da habe ich die selben effekte für die slimbox, wie in den anderen browsern auch, wäre aber wirklich super, wenn sich noch andere das einmal anschauen könnten und kurz feedback geben, obs akzeptabel ausschaut...

Vielen Dank schonmal an dich MacKP!!! Hast mir wirklich sehr geholfen!