XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bild wird am Rand des Containers abgeschnitten (http://xhtmlforum.de/showthread.php?t=65685)

david_b 08.09.2011 13:35

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;">
  <img src="http://xhtmlforum.de/images/arrow_down.png"></img>
</div>

Ich freue mich über jede Hilfe!

Viele Grüße
David

ArcVieh 08.09.2011 13:44

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?

david_b 08.09.2011 13:50

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

Praktikant 08.09.2011 13:52

Zitat:

Zitat von david_b (Beitrag 501989)
Stelle ich nicht mit "overflow: visible;" ein, dass der Container auch außerhalb des sichtbaren Bereichs sichtbar bleibt?

Das ist eigentlich die Standardeinstellung.
Wahrscheinlich hat das Problem eine andere Ursache.

david_b 08.09.2011 13:58

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

Praktikant 08.09.2011 14:07

.wrap hat overflow:hidden; das ist hier das Problem.

david_b 08.09.2011 14:16

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