Autor |
Nachricht |
coyote
Threadersteller
Dabei seit: 24.03.2003
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mo 03.10.2011 12:35
Titel Bei window resize auch links overflow? Geht das? |
|
|
Hallo...
Ich spiele gerade etwas mit einer kleinen Website rum. Dabei zeigt sich mir ein kleines Problem, zu dem ich einfach keinen Lösungsansatz habe.
Wie im Bild zu sehen, funktioniert das window resize bis zu einem gewissen Punkt ganz normal. Jedoch verschieben sich dann die Ornamente im Hintergrund. Ist es möglich mittels CSS oder zauberei auch einen Overflow auch am linken Rand des Browserfensters zu erreichen? Falls ja, wie könnte das gehen? Wäre echt klasse, wenn mir da jemand einen Tipp geben könnte bzw. klarstellen, dass dies überhaupt nicht möglich ist.
Danke schonmal und schön Feiertach noch...!
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Mo 03.10.2011 14:44
Titel
|
|
|
Kommt stark darauf an, wie die Seite aufgebaut ist
|
|
|
|
|
Anzeige
|
|
|
coyote
Threadersteller
Dabei seit: 24.03.2003
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mo 03.10.2011 14:52
Titel
|
|
|
Im Grunde sind es bisher nur zwei DIV-Container (+ weitere zwei übergeordnete DIVs für die Zentrierung IE+FF), welche auf zwei Ebenen liegen. Im ersten Container ist die Grafik der Ornamente (eine einzelne Grafik) und im anderen ist der ganze Rest.
Code: | <body>
<div style="text-align:center; overflow:hidden">
<div style="margin:auto; overflow:hidden">
<div style="position:relative; top:-20; left:-10; z-index:1; overflow:hidden">
<img src="img/ornaments.png" width="1240" /></div>
<div style="position:relative; top:-450; left:0; z-index:2;">
CONTENT CONTENT CONTENT
</div></div></div></div>
</body> |
Zuletzt bearbeitet von coyote am Mo 03.10.2011 14:53, insgesamt 2-mal bearbeitet
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Mo 03.10.2011 14:55
Titel
|
|
|
Wenn dann geht das wohl nur, wenn das Ornament als Hintergrundbild angelegt wird. Ein img-kannst Du vermutlich nicht „links rausschieben.“
[edit]
Wobei - doch, geht.
Code: | <body style="position:relative;overflow-x:hidden">
<div style="position:absolute;width:720px;height:562px;margin-left:-360px;left:50%;background:url(pic-720-562.jpg)">
abc
</div>
<div style="position:absolute;width:720px;height:562px;margin-left:-360px;top:600px;left:50%;">
<img src="pic-720-562.jpg" style="border:1px solid #f00">
</div>
</body>
|
Zuletzt bearbeitet von pantonine am Mo 03.10.2011 15:02, insgesamt 1-mal bearbeitet
|
|
|
|
|
coyote
Threadersteller
Dabei seit: 24.03.2003
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mo 03.10.2011 15:27
Titel
|
|
|
Spitze!
Vielen vielen Dank! Du hast mir wirklich ein riesen Stück weiter geholfen.
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Di 04.10.2011 09:19
Titel
|
|
|
Entweder du checkst mit Javascript immer bei resize ab, wie groß das Bild ist und ab Einer bestimmten Browsergröße schiebst du das Ornament raus, oder du arbeitest mit CSS Media-Queries.
|
|
|
|
|
|
|
|
Ähnliche Themen |
2x Backgrounds mit 100%, auch bei resize
phpbb Image resize | WIE?
resize : bilder werden schwarz
<div> Container verschwindet bei Browser Resize
[jQuery / JavaScript] Problem mit Floats beim resize
[PHP] Problem beim resize von Bildern nach Upload
|
|