PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Problem mit div-Positionierung
Beitrag
<blockquote data-quote="LarsVern" data-source="post: 740526" data-attributes="member: 113173"><p><strong>AW: Problem mit div-Positionierung</strong></p><p></p><p>Hi,</p><p></p><p>also bei position:relative hast du immer das Problem, dass sich das DIV nach dem vorherigen DIV richtet und das Folge DIV wiederum durch die Größe des aktuellen beeinflusst wird.</p><p></p><p>Um die genaue Wirkungsweise zu testen würde ich an deiner Stelle die ganze Geschichte einmal entschlacken. Fang mit zwei Elementen an und versuche die so zu positionieren wie du dir das denkst. Wenn das hin haut, dann probiere Varianten aus, die aus deiner Sicht genauso hin hauen müssten.</p><p></p><p>Im nächsten Schritt packst du dann mehr Elemente hinzu. Und um zu sehen wie sich gewisse Dinge verhalten kannst du entweder deinen Rahmen verwenden oder was ich gerne mache, background-color (mit unterschiedlichen Farben), darüber lassen sich die Auswirkungen besser sichbar machen.</p><p></p><p>Wenn du position:relative verwendest kommen beim IE gegenüber den anderen Browsern noch die unterschiede der Rahmen hinzu. Der IE interpretiert die einfach anders als FireFox, Opera und Safari oder Chrome und Flock. Sprich das Folgeelement sitzt dann nicht ganz dort wo es soll und die Verschiebung nimmt pro Element zu.</p><p></p><p>Allerdings gibt es in deinem Source ein Problem, wie relevant das ist kann ich nicht genau sagen. Du verwendest die IDs doppelt. Klar, einmal als DIV und einmal als IMG, allerdings weiß ich nicht ob diese Unterscheidung ausreicht, es könnte sein, dass Einstellungen aus den Bildern in die DIVs vererbt werden.</p><p></p><p>Ich habe das jetzt aber nicht ausprobiert. </p><p></p><p>Gruss</p><p></p><p>Lars</p></blockquote><p></p>
[QUOTE="LarsVern, post: 740526, member: 113173"] [b]AW: Problem mit div-Positionierung[/b] Hi, also bei position:relative hast du immer das Problem, dass sich das DIV nach dem vorherigen DIV richtet und das Folge DIV wiederum durch die Größe des aktuellen beeinflusst wird. Um die genaue Wirkungsweise zu testen würde ich an deiner Stelle die ganze Geschichte einmal entschlacken. Fang mit zwei Elementen an und versuche die so zu positionieren wie du dir das denkst. Wenn das hin haut, dann probiere Varianten aus, die aus deiner Sicht genauso hin hauen müssten. Im nächsten Schritt packst du dann mehr Elemente hinzu. Und um zu sehen wie sich gewisse Dinge verhalten kannst du entweder deinen Rahmen verwenden oder was ich gerne mache, background-color (mit unterschiedlichen Farben), darüber lassen sich die Auswirkungen besser sichbar machen. Wenn du position:relative verwendest kommen beim IE gegenüber den anderen Browsern noch die unterschiede der Rahmen hinzu. Der IE interpretiert die einfach anders als FireFox, Opera und Safari oder Chrome und Flock. Sprich das Folgeelement sitzt dann nicht ganz dort wo es soll und die Verschiebung nimmt pro Element zu. Allerdings gibt es in deinem Source ein Problem, wie relevant das ist kann ich nicht genau sagen. Du verwendest die IDs doppelt. Klar, einmal als DIV und einmal als IMG, allerdings weiß ich nicht ob diese Unterscheidung ausreicht, es könnte sein, dass Einstellungen aus den Bildern in die DIVs vererbt werden. Ich habe das jetzt aber nicht ausprobiert. Gruss Lars [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Problem mit div-Positionierung
Oben