Avatar billede DrJonesdk Nybegynder
23. januar 2011 - 17:50 Der er 7 kommentarer

basket/varekurv driller - den skal ligge fast i højre side.?

Hjælppp Eksperter :-)

Jeg sidder og leger lidt med stylesheet på denne webshop, men jeg kan ikke få basket/varekurven til at sidde fast i højre side ?
basket har den rigtige højde og ligger hvor den skal, hvis browser vinduet passer nøjagtig til hjemmesiden, men i det øjeblik jeg udvider browser vinduet lægger den sig i midten.

Hvordan få jeg den til at sidde fast i højre side ?

Se gerne problemet her:
http://demo33066.srv100.webshopdemo.net/order/cart/


kode:
/* TOPBANNER - BASKET */
.topbanner .user
{
    position: absolute;   
    top: 18px;
    right: 10px;
    height: 90px;
    font-weight: normal;
    text-align: right;
    color: $topbanner-textcolor$;
}
.topbanner .user a {color: $topbanner-textcolor$;}
.topbanner .basket
{
    position: absolute;   
    top: 34px;
    left: 750px;
    width: 220px;
    height: 90px;
    background: transparent url(/Resources/Files/templates/template2/basket_bg.png) no-repeat;
}
.topbanner .indent {
    padding: 10px 15px;
}
.topbanner .basket h3 {
    font-size: 12px;
}
.topbanner .basket .login {
    float: right;
    font-size: 11px;
}
.topbanner .basket dl {
    padding: 4px 0;
    border: 1px dotted #999;
    border-left: 0;
    border-right: 0;
}
.topbanner .basket dl dt {
    float: left;
}
.topbanner .basket dl dd {
    color: $link-textcolor$;
    font-weight: bold;
    text-align: right;
}
.topbanner .basket div.basket_empty {
    padding: 4px 0;
    font-style: italic;
    text-align: center;
    border: 1px dotted #999;
    border-left: 0;
    border-right: 0;
}
.topbanner .basket span.rc2 {
    margin-top: 4px;
}
.topbanner .basket span.rc2 a {
    padding-left: 5px;
    padding-right: 0;
    width: 180px;
}
.topbanner .basket span.rc2:hover a {
    text-decoration: underline;
}
Avatar billede webweaver Praktikant
23. januar 2011 - 18:14 #1
Det er fordi at du positionerer den absolute. Brug relative istedet og prøv dig lidt frem med det :-)
Avatar billede DrJonesdk Nybegynder
23. januar 2011 - 18:18 #2
Hej Lasse
Tak for dit svar, jeg har dog prøvet med "relative", og det skubber hele siden ned ?
Avatar billede webweaver Praktikant
23. januar 2011 - 18:52 #3
Det kan godt være at du skal flytte lidt rundt på dine div's.

relative positionerer sig udfra ovenstående element. Hvor at absolute positionerer sig fra hjørnet af browseren.

Du kan også holde dig til absolute og så bruge % istedet for px måske.
Avatar billede arne_v Ekspert
23. januar 2011 - 19:31 #4
Og så ligner det godt nok mere CSS end C/C++ ....
Avatar billede js_delphi Nybegynder
25. januar 2011 - 22:32 #5
Jeg sad og tænkte "jeg skal da lige love for, at C++ har udviklet sig" ...indtil jeg saa arne_v's kommentar :)
Avatar billede arne_v Ekspert
25. januar 2011 - 22:50 #6
C++ 2061 standarden i early draft!

:-)
Avatar billede arne_v Ekspert
03. marts 2011 - 03:26 #7
drjones>

Tid at få afsluttet?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester