Bild wird am Rand des Containers abgeschnitten
Hallo Freunde des Webdesigns ;)
als blutiger Anfänger in Sachen HTML/CSS komme ich momentan an einer Stelle nicht weiter. Hier ist der Link zu einem Screenshot: Directupload.net - Dqyg6j3nh.jpg Wie ihr seht, ragt die Kochmütze des Kochs nicht aus dem Container heraus, sondern wird am Rand abgeschnitten. Der Code sieht aus wie folgt: Code:
<div style="position: absolute; top: -40px; right: 60px; overflow: visible;"> Viele Grüße David |
Du schiebst den Container von dem Bild auch um 40 Pixel aus dem sichtbarem Bereich raus? ... Bitte Testcase online stellen.
Wir sehen ja nicht einmal, ob dein Code Snippet sich in einem relativ positioniertem Bereich befindet. In welchem Browser tritt das Problem überhaupt auf? |
Hallo ArcVieh,
danke für Deine Antwort. Ich versuche gerade einen Testcase zu bauen. Das Problem tritt mit Chrome und Firefox auf, denke es ist nicht browser-abhängig. Stelle ich nicht mit "overflow: visible;" ein, dass der Container auch außerhalb des sichtbaren Bereichs sichtbar bleibt? Viele Grüße theboy |
Zitat:
Wahrscheinlich hat das Problem eine andere Ursache. |
Hier extra für Euch ein Test-Szenario:
Landiva - Landing page template Wenn ich den Container über absolute-Angabe positioniere, funktioniert es auch okay. Nur die absolute-Position verändert sich ja immer, je nachdem wie breit das Browser-Fenster ist. Deswegen erschien mir das nicht praktikabel. Gibt aber sicher eine schlauere Methode als die von mir gewählte. :) Vielen Dank an Euch! David |
.wrap hat overflow:hidden; das ist hier das Problem.
|
Vielen Dank. Sie wurden soeben vom Praktikant zum Chef-Praktikant befördert! :)
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 02:41 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023