mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 00:43 Benutzername: Passwort: Auto-Login

Thema: Internet Explorer 6.0 Anzeigeproblem... ole! vom 12.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> Internet Explorer 6.0 Anzeigeproblem... ole!
Autor Nachricht
Backware
Threadersteller

Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht: Männlich
Verfasst So 12.08.2007 20:50
Titel

Internet Explorer 6.0 Anzeigeproblem... ole!

Antworten mit Zitat Zum Seitenanfang

Ola Liebe Medienverunstalter Lächel.

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
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 12.08.2007 21:47
Titel

Re: Internet Explorer 6.0 Anzeigeproblem... ole!

Antworten mit Zitat Zum Seitenanfang

Google mal nach "Peekaboo Bug".

Zuletzt bearbeitet von m am Do 18.10.2007 18:34, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Backware
Threadersteller

Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht: Männlich
Verfasst So 12.08.2007 22:33
Titel

Antworten mit Zitat Zum Seitenanfang

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&ouml;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 *zwinker* 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
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 12.08.2007 22:59
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Backware
Threadersteller

Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht: Männlich
Verfasst So 12.08.2007 23:11
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank Lächel 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 Lächel Danke.
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Di 14.08.2007 14:46
Titel

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Di 14.08.2007 16:07
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*
Zeig mal etwas Quelltext.


Zuletzt bearbeitet von m am Do 18.10.2007 18:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Backware
Threadersteller

Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht: Männlich
Verfasst Di 14.08.2007 22:54
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*
Zeig mal etwas Quelltext.


Kam mir nichtmehr unter seither. da ich nicht weiß WORAN es lag bisher, kann ich dir nicht wirklich quelltext zeigen... Lächel
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 Lächel

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 Lächel.

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 ^^. Lächel

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 Grins >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 Lächel 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) *bäh*

sollte der bug noch nicht bekannt sein, soll er ab heute webmonkey heissen Grins


Zuletzt bearbeitet von Backware am Di 14.08.2007 23:26, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.