zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild wird am Rand des Containers abgeschnitten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.09.2011, 14:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2011
Beiträge: 4
david_b befindet sich auf einem aufstrebenden Ast
Standard 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

Geändert von david_b (08.09.2011 um 14:58 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.09.2011, 14:44
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

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?
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.09.2011, 14:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2011
Beiträge: 4
david_b befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 08.09.2011, 14:52
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von david_b Beitrag anzeigen
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.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #5 (permalink)  
Alt 08.09.2011, 14:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2011
Beiträge: 4
david_b befindet sich auf einem aufstrebenden Ast
Standard

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

Geändert von david_b (08.09.2011 um 15:01 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 08.09.2011, 15:07
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

.wrap hat overflow:hidden; das ist hier das Problem.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #7 (permalink)  
Alt 08.09.2011, 15:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2011
Beiträge: 4
david_b befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank. Sie wurden soeben vom Praktikant zum Chef-Praktikant befördert!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln. Andreas91 Grafik, Design, Typografie 1 06.09.2011 23:41
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 15:33
Bild über Bild rafa CSS 2 24.01.2010 19:46
Bild mit Rahmen aus Bild Holger (HMR) CSS 3 21.05.2008 13:55
Bild wird im IE7 abgeschnitten - IE6, firefox & Opera ohne Probleme Stadtmensch CSS 3 17.07.2007 22:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:38 Uhr.