hab z.b. auf meiner seite 2 bilder, ein hauptbild und rechts daneben ein hintergrundbild. das rechte bild soll sich je nach fensterbreite des iexplorers anpassen.
code:
PHP-Code:<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="990" height="580" valign="middle"><img src="hauptbild.jpg" width="990" height="580"></td>
<td width="100%" valign="middle"><img src="rechts.gif" width="100%" height="580"></td>
</tr>
</table>
mit dem code ist es mir komischerweise möglich das zu realiesieren obwohl mir gesagt wurde das dies nicht funktioniert.
funktioniert das so bei jedem browser, oder ists nur zufall das es bei mir richtig angezeigt wird?!?!
Hallo defcon,
die Breite und Höhe von Grafiken kann durchaus auch in %-Werten angegeben werden, wie du hier nachlesen kannst:
http://selfhtml.teamone.de/html/graf...m#breite_hoehe
Nicht HTML-konform ist hingegen die Tabellenhöhe von 100 %. Die funktioniert zwar in allen mir bekannten Browsern, wird auch oft verwendet, ist aber eigentlich nicht standardkonform.
Gruß, Jürgen
danke!
Weiss, der Tread ist schon steinalt, aber was mich interessieren würde, Jürgen:
Was machst du wenn du eine Tabelle Höhe 100% brauchst? Gibt es für das auch eine standartkomforme Lösung?
Gruss Belimo
style="height:100%"
oder
table {height:100%} im css
und das ist im Gegensatz zu HTML dann standart?
jup
Nein, das stimmt so nichtZitat von ing.o
Grundsätzlich gibt es keine eindeutige und standardkonforme Lösung für eine Tabelle mit 100% Höhe. Will man, dass der Browser im Standardmode läuft und in allen modernen Browsern eine korrekt hohe Tabelle angezeigt wird, muss man viel tricksen und mit Browserhacks arbeiten. Auch dann ist die Sache wackelig, denn niemand kann deren Funktion bei neueren Versionen garantieren. Vor allem der IE arbeitet hier nicht korrekt. Ein Thema dazu: http://www.traum-projekt.com/forum/s...tabelle+100%25
Noch ein Punkt dazu: eine Tabellenhöhe von 100% war auch in HTML nie standardkonform. Bei der CSS-Lösung reicht es auch nicht aus, einfach der Tabelle 100% Höhe zu verpassen, es muss auch den umschließenden Tags <body> und <html> (merkwürdigerweise) jeweils ein height: 100% verpasst werden. Und das zusätzlich zu den beschriebenen Browserhacks, die ich hier nicht im Detail erläutern will, weil ich sie selbst nicht verwende
Deshalb - wenn geht vermeiden, würde ich sagen. Was ich tue ist, das Problem "umschiffen". Wie hier z. B. www.ingeborg-bachmann.cc. Hier wird das "Tafel"-Design durch ein Hintergrundbild erreicht, die Höhe der Contenttabelle ist inhaltsabhängig.
Gruß,
Jürgen
nochmal zu dem 100% problem, ergänzend zu jürgens beitrag:
natürlich muss das betroffene element auch wissen, wovon es denn 100% auszufüllen hat. das liegt für mich in der natur der sache.Bei der CSS-Lösung reicht es auch nicht aus, einfach der Tabelle 100% Höhe zu verpassen, es muss auch den umschließenden Tags <body> und <html> (merkwürdigerweise) jeweils ein height: 100% verpasst werden
nehmen wir mal ein grundkonstrukt:
natürlich sind hier 100% nur der platz, den hier die überschrift einnimmt und nicht die größe des browserfensters, denn dessen größe haben wir nicht abgefragt und ein vernünftiger browser wird sich hüten, dies automatisch zu tun.
sichtbar wird das ganze, wenn wir dem body tag mal ein border-bottom verpassen: klick
der bereich des body-tag ist nur so hoch, wie auch "platz" vom innenliegenden element verbraucht wird.
verschiedene lösungsansätze finden sich über die suche
jedoch tendiere ich wie jürgen meist dazu, diese problematik zu umschiffen
Hm, ganz interessant, danke für die Info!
lg Belimo
Hi,
das Them ist zwar schon älter, aber ich hätte da noch eine Frage zu der Bildbreite. Kann man das auch irgendwie so einstellen, dass das nur verkleinert wird und nicht vergrössert? Ich meine wenn das Fenster nun verkleinert wird, so dass das Bild kleiner wird aber wenn das Fenster vergrössert wird, das Bild nicht über seine 100% Grösse vergrössert wird?
(kleiner gleich Fensterbreite)?
Geändert von qwerik (30.07.2011 um 22:33 Uhr)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren