| Autor |
Nachricht |
TripleM
Threadersteller
Dabei seit: 11.08.2006
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Fr 25.04.2008 11:52
Titel IE7 - Seite lädt Formatierung unvollständig? |
  |
|
Hallo,
habe ein denkbar kurioses Problem und weiß nun nicht weiter: ich habe mittels floatender divs ein Layout realisiert bei dem der Überschriften-Text über die ganze Breite eines übergeordneten divs geht und eben mehrere kleine Bilder rechts neben diesem Text innerhalb des übergeordneten divs floaten, Beispiel:
| Code: | <div class="news" style="width:700px; clear:both;">
<div style="float:right;"><img src="Bildchen1.jpg" /><img src="Bildchen2.jpg" /><img src="Bildchen3.jpg" /></div>
<div class="text">ipsem lorum usw</div>
</div> |
Das Ganze dann mehrmals untereinander, das ist eine News-Übersicht mit kleinen Vorschaubildern.
Das sieht auch in FF, Opera, IE6 und NN genau so aus, wie ich das haben will, ist auch valides XHTML, habe das gecheckt, liegt also nicht an falsch geschlossenen divs oder so - und ich glaube ehrlich gesagt auch nicht daß es an meinem CSS liegt (habe auch da die einschlägigen Probleme mit divs, float und margin gewälzt) daß folgendes passiert:
wenn ich das im IE7 aufrufe ist die Formatierung folgendermaßen zerhackt, daß die ersten drei oder vier News-Teaser schön sauber untereinander stehen, immer links der Text, rechts die Bilder, wie's sein soll. Dann aber plötzlich taucht einer der Bilderblöcke links weiter oben, zwei beinahe überlappend mittig weiter unten auf, ab und an wieder richtig rechts neben der dazugehörigen Überschrift. Die Statusleiste zeigt an "Seite vollständig geladen" und es werden alle Bilder auch vollständig angezeigt, wenn auch an den falschen Stellen.
Jetzt der Clou: wenn ich die Seite nochmal lade ist plötzlich der nächste Bildblock an der richtigen Stelle. Und nach nochmaligem Laden der übernächste - bis nach und nach alle Bilder an den richtigen Platz gehüpft sind, bis zuletzt nach dem ungefähr 20sten Laden die Seite komplett richtig dargestellt wird! Beschleunigen läßt sich das auch durch einfaches Klicken eines Links in der falsch angezeigten Seite: wenn ich dann über den Zurück-Button des Browsers die Seite nochmal anzeige ist auch alles perfekt formatiert!
Nach was klingt das? Läßt sich so etwas irgendwie durch die Cache-Steuerung verhindern? Ist die Seite zu groß? Braucht der Server zu lange um alle benötigten Daten zu senden? Ich kann mir das nunmal gar nicht erklären, und wäre über jeden Tip dankbar!
GRÜSSE!
|
|
| |
  |
 |
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 25.04.2008 12:28
Titel
|
|
|
Wäre wahrscheinlich sinnvoll den Bildern die
width/height mitzugeben, das dom ist ja meist
schon durchgerendert bevor alle Bilder (und
deren Maße) da sind. Versuch das mal.
Gruß
zweitaccount
|
|
| |
|
|
|
Anzeige
|
|
|
TripleM
Threadersteller
Dabei seit: 11.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 25.04.2008 12:46
Titel Habe ich schon gemacht |
|
|
Hallo,
ich habe das schon gemacht, habe das nur der Kürze wegen nicht mitaufgeschrieben gehabt: die Bilder haben durch ihre Klasse schon eine feste Breite und Höhe. Habe aber aufgrund Deines Tips nun auch mal direkt ins Image-Tag noch die größenangaben geschrieben:
| Code: | | width="100" height="100" |
Hat nichts geholfen/geändert, Seite verhält sich nach wie vor sehr seltsam...
Trotzdem, danke für den Versuch!
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 25.04.2008 13:17
Titel
|
|
|
Hi,
hmm, dann gibt den IMG doch mal ein position:relative
mit und/oder poste mal den Code oder einen Link.
|
|
| |
|
|
TripleM
Threadersteller
Dabei seit: 11.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 25.04.2008 14:59
Titel Ich habe gelogen... |
|
|
...was ich bei meinem Erstpost vergessen hatte zu erwähnen, und was mir jetzt in Anbetracht der seltsamen Ungereimtheiten zunehmend wichtiger erscheint ist die Tatsache, daß es sich NICHT um statische Bilder handelt, sondern daß diese über ein PHP-Script als Thumbnails bei jedem Seitenaufruf dynamisch generiert werden - vielleicht hängt es hier mit der Zeitverzögerung zusammen?
Hier mal auf Deinen Wunsch ein ausführlicherer Code-Schnipsel aus dem generierten HTML-Teil, man sieht hierbei einen der News-Teaser von denen beliebig viele untereinander stehen können, alle enthalten in der Ebene "Inhalt":
| Code: | <div id="Inhalt">
<div style="width:700px; overflow:hidden; clear:both;">
<div class="Thumbnails">
<img src="thumbnail.php?gd=2&maxw=100&src=Bildchen1.jpg" alt="Thumbnail" width="100" height="100" class="thumb" />
<img src="thumbnail.php?gd=2&maxw=100&src=Bildchen2.jpg" alt="Thumbnail" width="100" height="100" class="thumb" />
<img src="thumbnail.php?gd=2&maxw=100&src=Bildchen3.jpg" alt="Thumbnail" width="100" height="100" class="thumb" />
<img src="thumbnail.php?gd=2&maxw=100&src=Bildchen4.jpg" alt="Thumbnail" width="100" height="100" class="thumb" /></div>
<div class="Titelzeile"><a href="" class="titel">Titelzeile</a></div>
<div class="Text">Textinhalt</div>
</div>
.
.
.
</div> |
Und hier die zugehörigen CSS-Formatierungen:
| Code: |
.Titelzeile {
text-align:left;
overflow:hidden;
padding:2px 0px 1px 12px;
color:#fff;
font-weight:bold;
background-color: #f00;
line-height: 17px;
height: 17px;
}
.Thumbnails {float:right;
border-width:10px solid #f00;
position:relative;
margin-bottom:10px;
margin-left:0px;
}
.Text {
margin:5px 0px 5px 12px;
}
|
Ich denke das dürfte für das Problem genügen...
Das mit dem position:relative hatte ich schon vor Langem gemacht, um Unterschiede in der Darstellung zwischen IE und FF auszugleichen, glaube ich. Aber um ehrlich zu sein denke ich durch das seltsame Verhalten bei mehrmaligem Laden, daß das Problem wirklich nicht im Quellcde und den Formatierungen an sich liegt...
Danke übrigens für Deine Mühen!
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 25.04.2008 16:11
Titel
|
|
|
Hi, und die class: thumb sähe so aus?
.thumb {
display:block;
position:relative;
float:left;
}
Wenn ja, kann ichs mir auch nicht erklären. Wenn Du mal
statische Bilder reinnimmst, anstatt der generierten könntest
Du das Problem damit schonmal eingrenzen...
|
|
| |
|
|
TripleM
Threadersteller
Dabei seit: 11.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 25.04.2008 20:01
Titel
|
|
|
Jo, die thumbs hatte ich vergessen....
Habe jetzt einfach mal eine statische Kopie der Seite mit direkt geladenen Bildern ohne den Umweg über den Thumbnail-Generator gemacht - dasselbe Problem weiterhin, allerdings jetzt bei weniger Bildblöcken, und bereits nach dem ersten Neu-Laden erscheint alles richtig... ich weiß nicht weiter! 
Trotzdem vielen Dank, vielleicht weiß ja noch jemand anders weiter? 
Gruß!
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Seite lädt nicht
Firefox lädt html-seite bei backgroup-url: ''
probleme mit Internet Explorer v6 (lädt Seite nicht)
Seite lädt nach Klick nicht weiter
Film ruckeld oder ist unvollständig Flash MX
swf lädt am mac nicht..
|
|
Willkommen auf dem Portal für Mediengestalter
