Auf Thema antworten 2026

Beitrag

<blockquote data-quote="ebene11" data-source="post: 2366807" data-attributes="member: 672380">Eine nette Methode ist der Weg über das object-Element, welches absolut und ein umgebendes Element (z.B. ein div), welches relativ positioniert wird. Die &#039;Höhe&#039; des div, also der Platz für die Map, wird über einen Innenabstand eingestellt (Verhältnis von Breite zu Höhe), könnte z.B. so aussehen:[HTML]&lt;div class=&quot;map&quot;&gt;&lt;object id=&quot;map&quot; data=&quot;hier-die-mapdaten&quot;&gt;&lt;/object&gt;&lt;/div&gt;[/HTML][CODE].map {position: relative;padding-bottom: 50%;height: 0;overflow: hidden;}#map {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}[/CODE]Der Wert für padding-bottom ist natürlich nach Belieben zu wählen - 100% entspricht einem Quadrat, 50% einem Rechteck im Verhältnis 2:1 usw. (so das umgebende Element 100% breit ist).</blockquote>

[QUOTE="ebene11, post: 2366807, member: 672380"] Eine nette Methode ist der Weg über das object-Element, welches absolut und ein umgebendes Element (z.B. ein div), welches relativ positioniert wird. Die 'Höhe' des div, also der Platz für die Map, wird über einen Innenabstand eingestellt (Verhältnis von Breite zu Höhe), könnte z.B. so aussehen: [HTML]<div class="map"> <object id="map" data="hier-die-mapdaten"></object> </div>[/HTML] [CODE].map { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; } #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [/CODE] Der Wert für padding-bottom ist natürlich nach Belieben zu wählen - 100% entspricht einem Quadrat, 50% einem Rechteck im Verhältnis 2:1 usw. (so das umgebende Element 100% breit ist). [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?