Hallo ihr Lieben,
noch einmal eine Frage von mir:
ich würde gerne ein Bild auf meiner Website unten rechts platzieren. Ich kriege es aber auch nach ewigem Suchen / Forschen / Ausprobieren irgendwie nicht hin.
Im HTML steht:
Im CSS steht:
#picture{
position: absolute;
right:30px;
bottom:30px;
}
Und er platziert es zwar 30 pixel von Rechts, aber einfach irgendwo in der Mitte und nicht unten.
Kann mir jemand sagen, was ich hier falsch mache?
Lieben Gruß,
Claudia
Hi Stefan,
„position: fixed“ habe ich auch schon probiert, das klappt auch nicht…
Lieben Gruß,
Claudia
Moin moin,
Ist den der Inhalt auch wirklich 100% hoch ?
als Beispiel :
Iframes
html,body { width:100%; height:100%; }
#untenrechts {position:fixed; right:10px; bottom:10px; width:100px; height:100px; background-color:#ff3311;}
Wasa
Test test
Thomas Punkt.
ja, daher verstehe ich auch nicht, warum er das blöde Bild irgendwo in die Mitte setzt…
Habe auch schon versucht, die Platzierung direkt im HTML zu machen (manchmal will er das CSS nicht akzeptieren), aber da macht er dann gar nix mehr…
Hi,
Und er platziert es zwar 30 pixel von Rechts, aber einfach
irgendwo in der Mitte und nicht unten.
Absolute Positionsangaben sind generell problemastisch und sollten vermieden werden, wenn man die möglichen Nebenwirkungen nicht kennt.
Die Position richtet sich nach dem nächsten Elternelement, das positioniert wurde.
Gruß
Ingo
Hallo
ja, daher verstehe ich auch nicht, warum er das blöde Bild
irgendwo in die Mitte setzt…
Habe auch schon versucht, die Platzierung direkt im HTML zu
machen (manchmal will er das CSS nicht akzeptieren), aber da
macht er dann gar nix mehr…
Falls noch weitere CSS-Regeln (z.B. in CSS-Dateien eines Content Management Systems) verwendet werden, kann es immer noch sein, dass einige dieser Regeln zusätzlich auf deine Elemente angewendet werden.
Es gibt Tools, mit denen du der Sache auf die Schliche kommen kannst. Z.B. kannst du mit Firefox-AddOns u.a. Rahmen um alle Objekte legen lassen, um zu erkennen, wie groß sie tatsächlich sind, oder auch die vollständigen CSS-Regeln anzeigen lassen, die auf ein von dir bestimmtes Element deiner Seite angewendet werden.
Ich verwende u.a. die „Web Developer“ Toolbar und den „Firebug“, mit denen du eine Menge Informationen anzeigen lassen und unterschiedliche Anzeigeeinstellungen für die Webseite vornehmen kannst. Mit Firebug kannst du zu einem mit dem Maus angeklickten Webseitenelement alle zugehörigen CSS-Regeln anzeigen lassen - auch die, die eigentlich gesetzt, aber durch andere Regeln überschrieben wurden und in welchen Dateien diese Regeln stehen. Firebug zeigt dir auch grafisch an, ob ein Objekt Außen- oder Innenabstände (margin, padding) hat und wie groß diese sind. Auch dies beeinflusst ja die Positionierung von Elementen.
Gruß
A