mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 09:21 Benutzername: Passwort: Auto-Login

Thema: Bei window resize auch links overflow? Geht das? vom 03.10.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bei window resize auch links overflow? Geht das?
Autor Nachricht
coyote
Threadersteller

Dabei seit: 24.03.2003
Ort: -
Alter: 39
Geschlecht: Männlich
Verfasst Mo 03.10.2011 12:35
Titel

Bei window resize auch links overflow? Geht das?

Antworten mit Zitat Zum Seitenanfang

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...! *Thumbs up!*
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Mo 03.10.2011 14:44
Titel

Antworten mit Zitat Zum Seitenanfang

Kommt stark darauf an, wie die Seite aufgebaut ist Glaskugel
  View user's profile Private Nachricht senden
Anzeige
Anzeige
coyote
Threadersteller

Dabei seit: 24.03.2003
Ort: -
Alter: 39
Geschlecht: Männlich
Verfasst Mo 03.10.2011 14:52
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Mo 03.10.2011 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
coyote
Threadersteller

Dabei seit: 24.03.2003
Ort: -
Alter: 39
Geschlecht: Männlich
Verfasst Mo 03.10.2011 15:27
Titel

Antworten mit Zitat Zum Seitenanfang

Spitze!

Vielen vielen Dank! Du hast mir wirklich ein riesen Stück weiter geholfen. * Applaus, Applaus *
  View user's profile Private Nachricht senden
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Di 04.10.2011 09:19
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.