CSS DIV Box Position fixieren

[Eff*Hunt]

Hallo CB Forum;

Das klügste ist wohl, wenn ich hier erstmal meinen Zip Ordner mit den Dateien in den richtigen Verzeichnissen poste: Link <-- kein Virus

PHP is nicht vorhanden, ich hänge aktuell nur bei css.

Das Filme, Schauspieler & Regisseure Menü sollte in die rechte Box, also gefloatet. Das klappt auch gut, zumindest solange bis ich den "position:fixed" Befehl für die DIV Box eintrage. Die Position is zwar dann fixiert, aber ohne floating.

Hat jemand Tipps oder gleich die Lösung für mich?

Lg AudioREX

 

[capilano]

Servus,

versuch es mal bei deinen rightwrapper in der CSS-Datei right: 0px; anzugeben.

Sheers.

Edit:
Hier kannst du verstehen, was dein "Problem" ist: http://www.css4you.de/position.html

 

[Eff*Hunt]

hier stand Müll.


jetzt steht das Menü wirklich rechts ganz außen, und es ist auch fixiert. ;-)
einziges Problem: Wenn jemand eine andere Auflösung hat, funzt das ganze natürlich nicht mehr, wenn ich jetzt das "right" bearbeite...

 

[capilano]

So sieht es bei mir aus, es ist rechts fest an der Position und wenn ich hoch und runter scrolle haftet es da:

#rightwrapper {
float:right;
width:300px;
position:fixed;
right: 0px;
}




edit:

Da du dein Kommentar bearbeitet hast, werde ich es so tun. Das stimmt, hier könntest du aber z.B. left: xxx px; anstatt right anwenden, da du bei
#all
{
width:1300px;
}
angegeben hast, kannst du es mal mit left: 1300px; versuchen.

INFO: ich habe das nicht getestet.

 

[Eff*Hunt]

bei mir sieht das jetzt richtig aus, aber ob das bei dir klappt?

Download

Wird wohl nicht klappen, weil die DIV Box noch immer Bildschirmabhängig an den richtigen punkt gebracht wird. ob das wohl auch dynamisch geht?

 

[capilano]

bei meiner Auflösung (1280x994) sieht es so aus.

 

[Eff*Hunt]

jop. is zwar besser als anfangs, aber noch immer unbrauchbar ;-)

 

[capilano]

bei rigthwrapper habe ich nun

left: 989px; /* (breite des wrappers - 300 von der)* /
border-left: 7px solid white;

und bei data habe ich folgende deaktiviert

margin-right: 300px;
border-right: 7px solid #FFF;

klappt das bei dir?

 

[Eff*Hunt]

nur so halb, sieht so aus: http://puu.sh/8AG5o.jpg

 

[capilano]

Hmm... Da bin ich gerade etwas überfragt. Das Problem ist auch, ich kann es schlecht testen, da ich keine größere Auflösung fahren kann...
Kannst du es mal mit padding-right:0px versuchen?

 

[sulawyo]

Hallo,

zunächst sollte im HTML-Code <div id="hotlinks"> in <div class="hotlinks"> geändert werden. Eine eindeutige ID darf nur jeweils einem Element in einer HTML-Seite zugeordnet sein. Wenn mehrere Elemente das gleiche Layout erhalten sollen, ist das class-Attribut dafür der richtige Weg.

Anschließend ändere den CSS-Code wie folgt ('float' ist hier nicht anwendbar):

#rightwrapper
{
position: fixed;
width: 300px;
margin-left: 986px;
}

.hotlinks
{
color:white;
padding-top:21px;
padding-bottom:21px;
border-bottom:solid 7px white;
}

.hotlinks a
{
display:block;
font-size:20pt;
font-weight:bolder;
text-decoration:none;
color:white;
text-align:center;
padding-bottom:5px;
}

.hotlinks ul
{
list-style-type:none;
}

.hotlinks a:hover
{
color:white;
background-color:blue;
}

 

[Eff*Hunt]

Vielen Dank für die Tipps, mit sulawyos Version hats funktioniert ;-)