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

[osnaexot]

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.

<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]

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.

 

[newbie50plus]

Dein Wordpress-Theme ist ungeeignet. Schon weil es einen "iframe" beinhaltet
Du brauchst ein "Responsive Design WordPress-Themes".
Z. b. hier: http://t3n.de/news/kostenlose-wordpress-themes-responsive-webdesign-376838/

L. G. Fred

 

[Rata]

Geht das bei blogspot überhaupt?


Lieber Gruß
Rata

 

[newbie50plus]

Weiss ich nicht genau aber ich habe noch eine

 

[lachender_engel]

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]

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]

Vielen dank afr0kalypse und der Rest

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

Lg