Entwickler-Ecke
Off Topic - Tabelle sieht nur in Firefox richtig aus (nicht in IE 7)
Hack Gott - Mo 09.06.08 21:11
Titel: Tabelle sieht nur in Firefox richtig aus (nicht in IE 7)
Guten Abend werte Delphianer,
Ich bin gerade dabei ein Foto-Upload System für eine befreundete Band zu erstellen. Da dazu auch gehört die Bilder auszugeben habe ich mich erstmals daran gesetzt. Das ganze kommt in einen div der links und rechts beschnitten ist, die Tabelle soll dort 100% ausfüllen und jede spalte 33% (3 Spalten). Das ganze klappt eigentlich auch super duper.... Zumindestens im Firefox. Im Internet Explorer 7 hingegen verhunzt er mir dir Breite... Nach zahlreichen Versuchen hab ich jetzt dann auch keine Idee mehr woran das liegen könnte... Der Seite ist hier:
http://notruf113.de/index.php?chapter=Unplugged,%20Radio%20Regenbogen,%20Mannheim%20am%2017.10.2007 (am besten mal in den beiden Browsern öffnen und anschauen).
So, meine Frage ist jetzt, was mache ich falsch, bzw. was muss ich ändern, um den gewünschten Effekt (siehe Firefox) auch im Internetexplorer hinzubekommen? Ich hoffe auf eure Hilfe! Danke
LG
Arne
Martok - Mo 09.06.08 21:18
Also mein IE6 zeigt die Bilder in voller Größe an. Ergo wird das Style nicht interpretiert. Entweder du erstellst Thumbnails, oder verwendest die Height und Width-Eigenschaften des <img>
Zudem hat das <p> da nichts verloren. Zum zentrieren solltest du lieber der Tabellenzelle ein align="center" mitgeben.
Achja. Und wenn ich Schwarz auf rot lesen soll, krieg ich Kopfschmerzen.
Hack Gott - Mo 09.06.08 21:30
Martok hat folgendes geschrieben: |
| Also mein IE6 zeigt die Bilder in voller Größe an. Ergo wird das Style nicht interpretiert. Entweder du erstellst Thumbnails, oder verwendest die Height und Width-Eigenschaften des <img> |
Thumbnails wollte ich eigentlich nicht erstellen. Ich habe jetzt mal auf dieser Seite hier:
http://notruf113.de/index.php?chapter=Arena%20of%20Pop,%20Mannheim%20am%2028.07.2007 das <img> mit einer width einstellung =33% ausgestattet. Der Effekt der jetzt aber eintritt ist absolut nicht erwünscht... Die Bilder werden unendlich klein, und die Seite bleibt weiterhin unproportional und verschiebt sich (bei mir) nach rechts.
Martok hat folgendes geschrieben: |
| Zudem hat das <p> da nichts verloren. Zum zentrieren solltest du lieber der Tabellenzelle ein align="center" mitgeben. |
Danke!
Martok - Mo 09.06.08 21:51
Nein, so meinte ich das nicht.
Eher so:
aus
XML-Daten
1:
| <img border="0" src="images/13/8.jpg" style="width: 123px; height: 456px"> |
wird
XML-Daten
1:
| <img border="0" src="images/13/8.jpg" width="123" height="456"> |
Hm. Das was du da grade drin hast(width="98%") ist äußerst interessant. Wäre der IE Box-Model-theoretisch auch konform, müsste es sogar gehen...
wunsiedler - Di 10.06.08 08:56
Und warum ist diese seite sooo elend langsam beim scrollen und meine CPU geht sofort auf 100% ? :shock:
Edit:
Au Backe. Deine Bilder haben eine größe von 2112 x 2816. Diese quetscht Du in die Seite rein. Ich würde sie vorher auf das benötigte Maß verkleinern und nicht im <img> mit width und height kleiner machen.
Lossy eX - Di 10.06.08 10:50
Also Bilder mit originaler Größe auf einer Webseite so zu verwenden geht gar nicht!! Denn du hast keinen wirklichen Vorteil davon. Sondern nur Nachteile.
- riesiger Plattenplatz/Traffic/Ladezeiten der irgendwo (Band) bezahlt werden muss. Auf der Seite 8x300 KB = 2.4 MB
- riesige cpu Auslastung beim Verändern des Browserfensters
- wenn der Browser die Bilder kleiner macht, dann werden die Bilder nicht so gefilter wie es sein könnte. Was qualitativ viel schlechter aussieht.
Also die Bilder in den passenden Größen (Thumbnail und "große" Version) zu verwenden ist in meinen Augen absolutes muss!
Zum IE. Ja er hat Probleme mit prozentualen Breitenabgaben. Er benutzt für die Größe nicht immer den zur Verfügung stehen Platz sondern irgendwie den gesammten Platz. Was dazu führt, dass die Elemente Breiter sind als sie eigentlich sollten. Wenn es geht solltest du dann feste Größen (angabe in pixel) benutzen, denn prozentuale Angaben lassen Interpretationsspielraum für den IE und dann ist man der Willkühr dieser Software ausgeliefert.
Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2026 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!