Autor |
Nachricht |
Backware
Threadersteller
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst So 12.08.2007 20:50
Titel Internet Explorer 6.0 Anzeigeproblem... ole! |
|
|
Ola Liebe Medienverunstalter .
Heute widmet sich mein Thema einem sehr unangenehmen Gast: Der Internetexplorer....
Folgendes Problem:
1. Header
2. Inhalt
3. Rechte Spalte
4. Restlicher Inhalt (mit 1. Tabelle beginnend)
5. Inhaltsbereich
6. Linke Spalte
7. Linke Navigation
Und zwar stoße ich bei meinem aktuellem Projekt auf folgendes Problem:
Der Internet Explorer 6.0 arbeitet genau in die gegensätzliche Richtung, wie ich das gebrauchen kann.
Ich arbeite derzeit an einer Seite, welcher sich an das Browserfenster anpasst.
Natürlich will ich hier in keinster Weise mit Layouttabellen arbeiten, schon aus Prinzip nicht. Also habe ich mich dran gemacht, das ganze mit Div-Boxen zu lösen. Jetzt stoße ich aber an die Grenzen meiner Ruhigen Art.
Wie ihr auf dem Bild seht, ist dies der Aktuelle Zustand. Unter 5 läuft meine Contentbox, hier findet der komplette Inhalt seinen Platz. 2 ist der Beginn des Inhalts. Lediglich eine Überschrift, ein bis 2 p-Tags und dat wars. 4. ist der RESTLICHE Inhalt. Ungetrennt von mir... bildet sich zwischen 2 und 4 ein riesiger Abstand, welcher sich, wie ich nun rausgefunden habe, durch das Untere Ende von 7, meiner linken NAvigations-Liste (UL) ausrichtet.
Sprich das oberste Ende von 4 ist das unterste Ende von 7.
Obwohl 2 und 4 innerhalb eines Inhalts sind.
Jap, wer bisher noch folgen kann darf auch gerne weiterlesen:
6,5 und 3 sind meine elemente, welche die Struktur bilden sollen. 6 und 3 sind jeweils 200 Pixel breit. 5 soll dazwishcen flexibel bleiben. Somit hat #5 links und rechts margin von jeweils 200 und alle drei werden left gefloatet.
Das klappt auch 100% im Firefox. Wie gesagt das ganze Problem ist NUR im Internetexplorer.... Er arbeitet irgendwie mal wieder gegen mich. Es tritt auch ausschließlich nur bei Tabellen im Content-Bereich auf.
Bitte sagt mir, wie ich hier verfahren soll. :-/#
Liebe Grüße
BAckware
// EDIT:
Und wenn ihr schon dabei seid, könnt ihr mir sagen, wieso im IE 6. manchmal einfach Links, Texte nicht angezeigt werden? Wenn man dann über nen Link fährt werden die urplötzlich wieder angezeigt.... Ich heul gleich -.-
Zuletzt bearbeitet von Backware am So 12.08.2007 20:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 12.08.2007 21:47
Titel Re: Internet Explorer 6.0 Anzeigeproblem... ole! |
|
|
Google mal nach "Peekaboo Bug".
Zuletzt bearbeitet von m am Do 18.10.2007 18:34, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Backware
Threadersteller
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst So 12.08.2007 22:33
Titel
|
|
|
Naja ich kann nicht einfach Links posten, da mir das mein Auftraggeber nicht erlaubt ;-P.
Aber hier mal der Code.
LINKE BOX
Code: |
<div class="column_left">
<div>
<ul class="left_navi">
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
<li><a href="#" title="Link Title" class="link ">Link 1</a></li>
</ul>
</div>
</div>
|
RECHTE BOX
Code: |
<div class="column_right">
<h2></h2>
<img src="" border="0" />
</div>
|
CONTENT BEREICH
Code: |
<div id="content_element">
<div class="area_info">
<h1>Dies ist eine Testseite</h1>
<h2>Der IE kotzt mich an. Ole!</h2>
<p><a href="javascript:openForm('formid');">Ich möchte das Formular öffnen!</a></p>
</div>
<div id="formid" style="display: none;">
Verstecktes Formular
</div>
<table>
<tr>
<td>Meine Tabelle!</td>
</tr>
</table>
</div>
<div style="clear: both;"></div>
|
jop... dat wars... noch kurz das
CSS
Code: |
.column_right,
.column_left
{
float: left;
width: 200px;
}
.column_right
{
float: right;
}
#content_element
{
margin: 0px 200px 0px 200px;
padding: 0px 15px 0px 15px;
}
|
Ich hoffe das bringt euch weiter im Verständnis für mein Problem.
EDIT:
Hmmmm das geht doch so nicht ganz, da spielt wohl noch der rest der seite einen Faktor -.- grml ich könnt so kotzen im moment.
Zuletzt bearbeitet von Backware am Do 18.10.2007 18:20, insgesamt 2-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 12.08.2007 22:59
Titel
|
|
|
Du hattest ein Problem mit der welches unterhalb der Navigation beginnt
angesprochen, das einzige was ich mir jetzt mit dem bißchen Quelltext
denken kann, ist dass du auf den "3px Text Gap" Bug stößt. Welchen du
dadurch beseitigen kannst dass du dem #content_element die hasLayout
Eigenschaft verleihst.
Zuletzt bearbeitet von m am Mi 31.10.2007 17:24, insgesamt 4-mal bearbeitet
|
|
|
|
|
Backware
Threadersteller
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst So 12.08.2007 23:11
Titel
|
|
|
Vielen Dank Das hat es rausgehauen.
Jetzt muss ich schauen, ob das Problem im IE noch auftritt, dass manchmal urplötzlich bei einem element mit weißer Hintergrundfarbe vierecke "rausgeschnitten" sind.... :-/ diese Grafikfehler von dem Browser sind echt das letzte! :-/
Aber Problem 1 ist schonmal behoben Danke.
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Di 14.08.2007 14:46
Titel
|
|
|
Ich verfolge diesen Thread gespannt, halt uns mal auf dem Laufenden ob du den Fehler im IE beseitigen konntest!
Danke. (:
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 14.08.2007 16:07
Titel
|
|
|
Besteht das Problem noch? Ich weiß nicht ob ich dich richtig verstehe, aber ich denke
davon hab ich noch nie gehört oder kann mich nur nicht mehr daran errinnern
Zeig mal etwas Quelltext.
Zuletzt bearbeitet von m am Do 18.10.2007 18:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
Backware
Threadersteller
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Di 14.08.2007 22:54
Titel
|
|
|
m hat geschrieben: | Backware hat geschrieben: | Jetzt muss ich schauen, ob das Problem im IE noch auftritt, dass manchmal urplötzlich bei einem element mit weißer Hintergrundfarbe vierecke "rausgeschnitten" sind.... :-/ diese Grafikfehler von dem Browser sind echt das letzte! |
Besteht das Problem noch? Ich weiß nicht ob ich dich richtig verstehe, aber ich denke
davon hab ich noch nie gehört oder kann mich nur nicht mehr daran errinnern
Zeig mal etwas Quelltext. |
Kam mir nichtmehr unter seither. da ich nicht weiß WORAN es lag bisher, kann ich dir nicht wirklich quelltext zeigen...
aber es ist einfach so, dass ich ne hintergrundgrafik habe, welche den Body ausfüllt.
darüber liegen diverse DIV-Boxen, welche allesamt gefüllt sind.
Natürlich einige Effekte mit Border usw. erzeugt
Wenn man nun auf der Seite surft, verschwinden ein paar Pixel des WEISSEN DIVs und zeigen den Hintergrund mit der Grafik natürlich....
das ist mir bereits des öfteren aufgefallen... und ich kann nicht sagen woran es liegt.
genauso habe ich mir eine funktion in javascript geschrieben, welche die seite durchläuft und den input-feldern die "onmouseover" funktion vergibt.. mit diversen klassen pi pa po .
manchmal ist es in einer leiste, welche NUR mit einer hintergrundfarbe gefüllt ist... beim laden der seite nur mit der hälfte an "Farbe" angezeigt wird, der rest ist weiß ... O.o und wenn ich dann über eine input-box gehe... ODER über nen link, erscheint das wieder.
diesen "fehler" konnte ich beheben indem ich die internetoptionen den cache umgestellt habe auf "jedes mal nachfragen" bla bla bla ^^.
Aber neues auftreten des bisher beschrieben fehlers... gabs bisher nicht.. ich denke/hoffe, dass es das nun war ^^.
deswegen sehr vielen dank an den helfer >m< ^^.
EDIT:
Okay, hier:
Das ist ein Screenshot der Seite. Wenn ihr genau hinschaut seht ihr unten einen kleinen roten balken.. dieser darf eigentlich nicht so sein. der muss gefüllt sein komplett über die ganze höhe.. bis oben ^^
is aber nicht.
wenn ich im internetexplorer:
EXTRAS > INTERNETOPTIONEN > "Temporäre Internetdateien" > EINSTELLUNGEN > "Neuere Versionen der gespeicherten Seiten suchen" auf
[x] Bei jedem Zugriff auf die Seite
[ ] Bei jedem Start von Internet Explorer
[ ] Automatisch
[ ] Nie
einstelle. Tritt der fehler nichtmehr auf, die komplette leiste ist im schönen #990000 gefüllt. kein problem.
bei
[x] Bei jedem Start von Internet Explorer
fängt die kacke an. hier wird die leiste leer geladen (also weiß) und wenn ich über nen link fahre. wird sie mit dem oben genannten screenshot-balken gefüllt. mehr nicht.
bei
[x] Automatisch
passiert das gleiche. Seite ladet "Balken leer" .. link MouseOver: balken wie im Screenshot gefüllt.
bei
[x] Nie
ist wieder alles okay... ABER: änderungen erfordern ein F5, oder ein STRG + F5 (dateien komplett neu laden)
sollte der bug noch nicht bekannt sein, soll er ab heute webmonkey heissen
Zuletzt bearbeitet von Backware am Di 14.08.2007 23:26, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS im Internet Explorer
Outline in Internet-Explorer
Browserkompatibilität Internet Explorer
Lightbox Internet Explorer 9
CSS im internet explorer... damn!
Textschatten im Internet Explorer
|
|