XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bild positionieren (http://xhtmlforum.de/showthread.php?t=70038)

nixwisser 19.09.2013 15:44

Bild positionieren
 
Hallo Community.
habe ein problem und hoffe ihr könnt mir weiterhelfen.
bin an einer webseite dran, diese ist auf dem monitor mittig zentriert, in der höhe hat sie 100%. das layout besteht aus mehreren div die unterschiedlich breit sind aber alle in einem übergeordneten container sind.
in den rechten container soll ein bild hinein das immer am unteren rechten bildschirmrand ausgerichtet ist.
habe auch diverses probiert mit fixed, aber es fruchtet nicht so wie es soll.
auch die eigenschaften mir "right:20%" und andere ist nicht zufriedenstellend wenn zb. die seitenbreite des browserfensters verringert wird.
fixed hilft mir insofern das dort entsprechende werte dafür sorgen das das element am unteren rand bleibt aber wenn die breite des browserfensters verringert wird dann liegt dieses ausserhalb, was ja nicht so sein soll. :shock:

wie kann ich es erreichen das das bild im übergeordneten container verbleibt und dennoch am unteren bildschirmrand klebt? wenn es nämlich im übergeordneten container verbleibt sollte die positionierung nach rechts oder links keine rolle spielen, weil ja eben dieser container sein position hat.

hoffe ich hab mich so ausgedrückt das ihr versteht was ich meine.
hoffe ihr könnt mir helfen und vielen dank schonmal für eure antworten.

explanator 19.09.2013 15:55

fixed ist schon richtig, nur musst du für die horizontale Ausrichtung auf %-Werte zurückgreifen anstatt Pixelwerten.

nixwisser 19.09.2013 16:03

danke für deine antwort.
das sehe ich soweit auch mit den prozentwerten. allerdings helfen die mir nicht wirklich weiter. deshalb auch die frage ob man den container nicht fixen kann und er untergeordnet in einem anderen steht. dieser hat dann die horizontale ausrichtung innerhalb des contents.
geht sowas nicht??

explanator 19.09.2013 18:15

Zitat:

Zitat von nixwisser (Beitrag 533686)
deshalb auch die frage ob man den container nicht fixen kann und er untergeordnet in einem anderen steht.

Fixed als Positionierung hebt alles auf, auch umgebende Container oder andere Angaben zur Positionierung.

nixwisser 19.09.2013 22:01

wie kriegt man es denn dann hin diesen div so zu platzieren das er horizontal immer dort steht wo er soll, trotz des unterschiedlich grossen browserfensters.
zentriert mit margin:50% und dann margin left:xxx px?
dann müsste es doch pasen oder lieg ich da falsch?

mymaksimus 19.09.2013 22:22

also mit % wird da nix gehen.
Ich würde es vielleicht mit javascript, oder einfach nicht mit fixed machen.

nixwisser 19.09.2013 22:49

Zitat:

Zitat von mymaksimus (Beitrag 533698)
also mit % wird da nix gehen.
Ich würde es vielleicht mit javascript, oder einfach nicht mit fixed machen.

das problem ist ja das fixed ihn auch horizontal fixiert. aber eben dort muss es flexibel sein, je nach grösse des browserfensters
bin für vorschläge offen :?:

explanator 19.09.2013 23:19

Zeig uns mal den Link zur betroffenen Seite.

mymaksimus 19.09.2013 23:20

wenn du fixiert halbe halbe haben willst, (zB horizontal normal und vertical fixiert) geht das nur mit javascript. Wie genau das hängt von der situtation ab.

explanator 19.09.2013 23:35

Zitat:

Zitat von mymaksimus (Beitrag 533702)
wenn du fixiert halbe halbe haben willst, (zB horizontal normal und vertical fixiert) geht das nur mit javascript. Wie genau das hängt von der situtation ab.

Das ist Unsinn.

Probier mal das hier aus und verändere mal das Fenster:
HTML-Code:

<!DOCTYPE HTML>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>untitled</title>
    <style>
    #bottomfix {
        position:fixed;
        bottom:20px;
        background-color:rgb(211,211,211);
        width:80%;
        left:10%;
        text-align:center;
    }
    </style>
</head>
<body>
    <p id="bottomfix">
        zentriert
    </p>
</body>
</html>



Alle Zeitangaben in WEZ +2. Es ist jetzt 09:02 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020