Hallo miteinander
Ich bin neu hier und habe mich angemeldet weil ich nun schon den ganzen Tag dran war für eine Lösung meines Problems.
Weder Google noch Generatoren haben geholfen.
Ich hoffe ich bin in der richtigen Rubrik ;)
Ich brauche eine Seite mit drei div untereinander. Die Obere und die Untere mit einer Höhe von jeweils 25%. Die in der Mitte eine Höhe von 50%. Die Prozentangaben sollen sich auf jeweils die Seitenhöhe beziehen!
Da drin befindet sich pro Zeile ein Bild. Ich glaube soweit habe ich die Bilder so, dass sie sich richtig verhalten wenn man das Fenster verkleinert.
Nur habe ich keinen Weg gefunden die volle Bildschirmhöhe zu brauchen. Die Zeilen sind eigentlich so hoch wie die Bilder.
Schlussendlich bin ich dann bei Tabellen gelandet was aber auch nicht funktioniert hat.
Hier mal der aktuelle Code:
wäre mir natürlich lieber das Ganze mit div zu erstellen, aber da bin ich nirgends hin gekommen.
Danke schon mal für eure Hilfe.
Ich bin neu hier und habe mich angemeldet weil ich nun schon den ganzen Tag dran war für eine Lösung meines Problems.
Weder Google noch Generatoren haben geholfen.
Ich hoffe ich bin in der richtigen Rubrik ;)
Ich brauche eine Seite mit drei div untereinander. Die Obere und die Untere mit einer Höhe von jeweils 25%. Die in der Mitte eine Höhe von 50%. Die Prozentangaben sollen sich auf jeweils die Seitenhöhe beziehen!
Da drin befindet sich pro Zeile ein Bild. Ich glaube soweit habe ich die Bilder so, dass sie sich richtig verhalten wenn man das Fenster verkleinert.
Nur habe ich keinen Weg gefunden die volle Bildschirmhöhe zu brauchen. Die Zeilen sind eigentlich so hoch wie die Bilder.
Schlussendlich bin ich dann bei Tabellen gelandet was aber auch nicht funktioniert hat.
Hier mal der aktuelle Code:
HTML:
<table width="100%" height="100%" border="0">
<tr bgcolor=#F9CF01>
<td style="height:25%"; valign="top" align="center"><a href="xxx">
<img
sizes="(max-width: 842px) 100vw, 842px"
srcset="
oldtimer-all-inclusive_yiendx_c_scale,w_190.png 190w,
oldtimer-all-inclusive_yiendx_c_scale,w_842.png 842w"
src="oldtimer-all-inclusive_yiendx_c_scale,w_842.png"
alt="Oldtimer all inclusive">
</a></div></td>
</tr>
<tr bgcolor=#000000>
<td style="height:50%"> <div align="center"><a href="xxx">
<img
sizes="(max-width: 842px) 100vw, 842px"
srcset="
unikat-design_hthtmq_c_scale,w_190.png 190w,
unikat-design_hthtmq_c_scale,w_842.png 842w"
src="unikat-design_hthtmq_c_scale,w_842.png"
alt="Unikat-Design">
</a></div></td>
</tr>
<tr bgcolor=#ECF0D1>
<td style="height:25%"; valign="bottom" align="center"> <a href="xxx">
<img
sizes="(max-width: 842px) 100vw, 842px"
srcset="
suhre-schoen_m7zbbd_c_scale,w_190.png 190w,
suhre-schoen_m7zbbd_c_scale,w_842.png 842w"
src="suhre-schoen_m7zbbd_c_scale,w_842.png"
alt="Suhre-Schoen">
</a></div></td>
</tr>
</table>
Danke schon mal für eure Hilfe.