Bild Position

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- Bild Position »

Yango ec.

unregistriert

Donnerstag, 26. März 2009, 14:27

Das Bild ist ja in einem Div drin, wenn man jetzt aber die Auflösung verkleinert,

zieht das Bild mit statt in fester Position zu bleiben.

Ich möchte aber nicht jedes Bild in ein Div packen.

Wie stelle ich das an?

HTML

<div id="inhalt">
<h1>Überschrift</h1>
<h4>
<img src="pic1.jpg" width="736" height="98" border="0">
<p>Inhalt</p>
<p>Inhalt</p>
<p>Inhalt</p> 
<p>Inhalt</p>
<p>Aus Sicherheitsgründen ist dies erst nach dem 3.ten Tag der Anmeldung möglich</p>
<p>Inhalt</p>
<p>Inhalt</p>
<br />
</h4>
<br /><br />
</div>

	Cascading Style Sheet
1 2 3 4 5 6 7 8	#inhalt { width:70%; height:150%; background:#3BAACC; color:#000000; margin:-1px 0 0 155px; position:absolute; }

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Donnerstag, 26. März 2009, 15:18

Wohin zieht dein Bild mit? Oo
Das einzige, was mir direkt auffällt, dass du Prozentangaben in der Höhe und Breite des DIV-Containers gemacht hast. Versuchs mal mit festen angaben.

Zitat

Photoshop machts möglich.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jumps« (26. März 2009, 15:18)

Yango ec.

unregistriert

Donnerstag, 26. März 2009, 15:47

mhh das geht wiederrum nicht, da dann der rest nicht mehr stimmt.

Funtioniert Position:absolute nicht mit prozentualen Angaben?

Wenn alles nichts hilft reicht ja auch ein Div, aber ich wollte es irgendwie umgehen.

Edit

Dachte wenn ich den Inhalt mit position:absolute versehe dann bleibt alles in dem Inhaltsdiv so stehen wie es soll nähmlich "absolute"

Dies klappt allerdings nicht.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Yango ec.« (26. März 2009, 15:47)

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Donnerstag, 26. März 2009, 16:26

Komm nochnich ganz dahinter was sich bei dir verschiebt? Habs ma ausprobiert, soweit ichs beurteilen kann hat sich da nicht so viel verschoben!?

Zitat

Photoshop machts möglich.

Treml

Tripel-As

Dabei seit: 19.03.2003

Beiträge: 237

Donnerstag, 26. März 2009, 20:14

Kann es sein, dass Du »position: absolute« mit »position: fixed« verwechselst?
»position: fixed« bewirkt, dass ein Element beim Scrollen nicht mitscrollt.

http://de.selfhtml.org/css/eigenschaften…ng.htm#position

i u t w w f c b - u y a s t m w m

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Treml« (26. März 2009, 20:14)

Yango ec.

unregistriert

Donnerstag, 26. März 2009, 20:50

Sieh mal hier, http://fwpf-webdesign.de/css/positionier…sition-absolute

Danach habe ich mich gerichtet.

Leider ist die Audrucksweise manchmal nicht sehr verständnisvoll.

Vor allem bei den anderen position Bezeichnungen ausser dem absolute.

Vielleicht liegt es daran dass ich aufm Schlauch stehe.

Was bedeutet denn dann absolut?

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Donnerstag, 26. März 2009, 22:39

wenn du mir endlich mal sagen würdest WAS bei dir passiert bzw. was sich bei dir verschiebt?

position:absolute bedeutet, wie in dem Link von dir gegeben, dass das Element sich komplett vom Rest absetzt und nicht bewegt werden kann, weder durch andere Elemente im Bild, noch durch Veränderungen der Auflösung.. normalerweise. Ich denk nach wie vor dass es daran liegt, dass du Prozentangaben gemacht hast. Widerspricht in sich: Erst willst du, dass sich der Container mit position:absolute garnicht verändert, dann willst du mit prozentualen Angaben, dass sich der Container der Bildschirmauflösung anpasst...

Zitat

Photoshop machts möglich.

Yango ec.

unregistriert

Donnerstag, 26. März 2009, 23:10

Ich habe ein Bild in mein Inhaltsdiv und wenn ich den explorer kleiner mache dann rutscht das bild links über die navi. Obwohl ich den Inhaltsdiv position:absolute gegeben habe, habe auch fixed ausprobiert das bild verschiebt sich trotzdem auch wenn der Inhaltsdiv dann stehen bleibt.

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Freitag, 27. März 2009, 00:09

danke

Versuch mal in deiner CSS Datei:

	Cascading Style Sheet
1 2 3 4 5 6 7	#inhalt { position: absolute; left: wert; bottom: wert; top: wert; right: wert; }

in deinem Beispiel reichts wenn du left und top angibst. Dann müssts eigentlich funktionieren.

EDIT: Und natürlich die Breite und Höhe mit festen Werten, sonst is alles unnütz.

Zitat

Photoshop machts möglich.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jumps« (27. März 2009, 00:09)

Yango ec.

unregistriert

Freitag, 27. März 2009, 01:53

Ok werd ich so machen, aber was mach ich wenn von den einzeln seiten der Inhalt unterschiedlich groß ist,

dann könnte ich ja auto verwenden aber sagst mir ja feste Größen.

Und auto zählt ja nicht dazu.

Internes CSS für jede Seite einzeln will ich auch nicht verwenden.

Edit: 27.3.09 14 Uhr

Design code, so passt es dann.

#inhalt {
width:1000px;
height:auto;
background:#3BAACC;
color:#000000;
margin:-1px 0 0 155px;
position:absolute;
}

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Yango ec.« (27. März 2009, 13:58)

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Freitag, 27. März 2009, 10:03

kannst auch mal versuchen nur der Breite nen festen Wert zu geben, die Höhe dann auf auto. Schreib ma wies lief

Zitat

Photoshop machts möglich.

Bild Position

HTML

Cascading Style Sheet

Zitat

Zitat

Zitat

Cascading Style Sheet

Zitat

Zitat

Ähnliche Themen