Antworten auf deine Fragen:
Neues Thema erstellen

Bild an Auflösung & Bildschirm anpassen oder gleich ausblenden.

osnaexot

Noch nicht viel geschrieben

Hallo,

Seit ca. 2 Wochen betreibe ich einen Blog (blogspot).

Ich habe nun vor kurzem ein Bild in der Größe 469 x 262 Pixel in den Blog, der an der linken Seite dauerhaft bleiben soll, eingefügt.

Wenn ich nun Zoome, oder die Auflösung verändere und z.B. den Blog auf einem Tablet öffne, verschiebt sich das Bild in den Text.


HTML:
<div id='outer-wrapper'><div id='wrap2'>

<div style='position:fixed; top:225px; left:140px;'>
<img alt='http://img5.fotos-hochladen.net/uploads/linkslogogartuhojgrx7p3.png' height='469' src='http://img5.fotos-hochladen.net/uploads/linkslogogartuhojgrx7p3.png' width='262'> </img> </div>

Die Positionierung habe ich nach meiner Auflösung (1680x1050) vorgenommen, was natürlich bei einer anderen Auflösung nicht hinhaut.

Wie bekomme ich es denn hin, dass das Bild auf der Linken Seite meines Blogs in dieser Position auch bei anderen Auflösungen bleibt?

Nach drei Stunden Googlen und herumprobieren, bin ich immer noch auf keine Lösung gekommen.

www.gartenganznah.de <- ich hoffe das ist Ok, wenn ich den Link hier poste.
 

lachender_engel

Aktives Mitglied

Die Positionierung habe ich nach meiner Auflösung (1680x1050) vorgenommen, was natürlich bei einer anderen Auflösung nicht hinhaut.
Du hast die Ursache Deines Problems bereits erkannt.
Webentwicklung erfolgt nicht in Abhängigkeit des eigenen Systems sondern mit einer dynamisch Anpassung von Position und Größe.

Arbeitest Du mit px, klebst Du ein Objekt an der Stelle fest - unabhängig vom ViewPort (also dem Ausgabegerät).

Um das in Deinem Layout zu lösen musst Du mit div-Containern und %-Angaben arbeiten und das Bild zusätzlich verkleinern oder eben den Teext immer um Dein Bild fließen lassen.
 

lachender_engel

Aktives Mitglied

Dein Wordpress-Theme ist ungeeignet. Schon weil es einen "iframe" beinhaltet
Ein Theme welches mit iframes-Arbeitet ist nicht grundsätzlich "ungeeignet" oder nicht Responsive. Der übliche EInsatz für iframes in aktuellen Themes ist das Darstellen einer Google-Map. Dennoch bleibt ein Theme Responsive.
Daher sitmmt die assozierte Aussage "iframe = ungeeignet und nicht Responsive" nicht.
 

afr0kalypse

Allwissendes Karmameerschweinchen!

Konkret ist keiner auf dein Problem eingegangen bzw hat dran vorbei geredet :)
Dein Problem ist, dass du dein Bild mit dem css Style position:fixed positionierst. Das heiß, das Bild bleibt immer im Viewport an Position x:y, komme was wolle.
Das Stichwort ist für dich aber schon gefallen. Responsive Webdesign. Ich werfe noch ein anderes hinterher: Grid System.
Schau dir das mal an und dann kannst du versuchen das bei dir umzusetzen.
 

osnaexot

Noch nicht viel geschrieben

Vielen dank afr0kalypse und der Rest :)

Dann werde ich mich da mal ein wenig einlesen und versuchen das Problem zu lösen.

Lg
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben