Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Gelöschtes Mitglied 633957" data-source="post: 2692899">Wie wäre es hiermit (nur eine Idee), sofern keine Browser älter als 5 Jahre genutzt werden?[HTML]&lt;!DOCTYPE html&gt;&lt;html lang=&quot;de&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;!--html, * {margin: 0;padding: 0;}html, body {background-color: #FFF;}#main {width: 100%;}#content {display: flex;flex-flow: column wrap;}#content img {width: 300px;}@media only screen and (max-width: 500px) {#content {display: flex;flex-flow: row nowrap;}#content img {width: auto;max-height: 266px;}}--&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;main&quot;&gt;&nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;1.png&quot; alt=&quot;Quadrat&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;2.png&quot; alt=&quot;Hochformat&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;3.png&quot; alt=&quot;Längsformat&quot;/&gt;&nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]Sollte ab IE 11 und Firefox 28 laufen. Frühere Browser werden einen Präfix benötigen und der IE 10 die alte Syntax und außerdem display: inline-block fürs Wrapping in -ms-flex-flow. Das kann auch im IE 8 und 9 funktionieren, doch dafür würde ich nicht meine Hand ins Feuer legen.Edit: Man kann natürlich noch Abstände mit Padding hinzufügen und die Pixelangabe aus der IMG-Breite loswerden, wenn das Design steht. max-height ist hier eine Krücke - nicht elegant aber funktioniert!</blockquote>

[QUOTE="Gelöschtes Mitglied 633957, post: 2692899"] Wie wäre es hiermit (nur eine Idee), sofern keine Browser älter als 5 Jahre genutzt werden? [HTML]<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css">  </style> </head> <body> <div id="main"> <div id="content"> <img src="1.png" alt="Quadrat"/> <img src="2.png" alt="Hochformat"/> <img src="3.png" alt="Längsformat"/> </div> </div> </body> </html>[/HTML] Sollte ab IE 11 und Firefox 28 laufen. Frühere Browser werden einen Präfix benötigen und der IE 10 die alte Syntax und außerdem [I]display: inline-block [/I]fürs Wrapping in[I] -ms-flex-flow[/I]. Das kann auch im IE 8 und 9 funktionieren, doch dafür würde ich nicht meine Hand ins Feuer legen. Edit: Man kann natürlich noch Abstände mit Padding hinzufügen und die Pixelangabe aus der IMG-Breite loswerden, wenn das Design steht. [I]max-height[/I] ist hier eine Krücke - nicht elegant aber funktioniert! [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?