Hjølp til CSS positioning

<ole>

Fejlen ligger sådan set ikke i CSS'en, men et eller andet sted i JavaScriptet. Du har af en eller anden grund valgt at ændre:


- til:


- men det er scriptet ikke indrettet til. Det forventer den første kode og flytter boksen i forhold til det

/mvh
</bole>

Hej Ole.

1000 tak for dit svar. Jeg er stadig ikke helt med på hvad jeg skal gøre for at få det til at funke?

Jeg er ikke en ørn til CSS som du måske allerede har regnet ud ;-)
men jeg formoder den ene CSS fil benyttes hvis man vælger boksen i venstre side, og den anden i højre. Er det ikke korrekt?

Original filerne (inden jeg begyndte at rette i dem) ser således ud:


Style1.css

/**
* Facebook Slide FanBox
* @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
* @link      http://facebooklikebox.net
*/
#likebox_1 {
    z-index: 10005;
    border:2px solid #3c95d9;
    background-color: #fff;
    width:196px;
    height: 353px;
    position: fixed;
    top: 18%;
    right: -200px;
}

#likebox_1_1 {
    width:196px;
    height: 353px;
    overflow: hidden;
}

#likebox_1 img {
    position: absolute;
    top: -2px;
    left: -35px;
    cursor: pointer;
}

#likebox_1 iframe {
    border:0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left:-2px;
    top:-3px;
}




Style2.css

/**
* Facebook Slide FanBox
* @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
* @link      http://facebooklikebox.net
*/
#likebox_1 {
    z-index: 10005;
    border:2px solid #3c95d9;
    background-color: #fff;
    width:196px;
    height: 353px;
    position: fixed;
    top: 18%;
    left: -200px;
}

#likebox_1_1 {
    width:196px;
    height: 353px;
    overflow: hidden;
}

#likebox_1 img {
    position: absolute;
    top: -2px;
    right: -35px;
    cursor: pointer;
}

#likebox_1 iframe {
    border:0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left:-2px;
    top:-3px;
}

Kan godt se, at de 2 tal ikke er end. Så jeg har modificeret css2 til nu at se ud som nedenstående (men virker stadig ikke efter hensigten)

CSS2 modificeret:

/**
* Facebook Slide FanBox
* @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
* @link      http://facebooklikebox.net
*/
#likebox_1 {
    z-index: 10005;
    border:2px solid #3c95d9;
    background-color: #fff;
    width:292px;
    height: 590px;
    position: fixed;
    top: 18%;
    left: -295px;
}

#likebox_1_1 {
    width:292px;
    height: 590px;
    overflow: hidden;
}

#likebox_1 img {
    position: absolute;
    top: -2px;
    right: -35px;
    cursor: pointer;
}

#likebox_1 iframe {
    border:0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 590px;
    left:-2px;
    top:-3px;
}

Aner det ikke. Det kunne ikke falde mig ind at have en FB-profil, og jeg undgår at skrive mod deres API'er, når jeg kan. Jeg forholder mig bare til, hvorfor boksen ikke kører helt ud  =)

Der skal ikke stå:


- men:

Scriptet trækker boksen tilbage til:


- så mon ikke, det skyldes, at boksen er for bred? Var den omkring 200px bred, inden du begyndte at ændre noget?

Ja boxen var 200 bred orginalt. Orginalerne er ovenfor.
Jeg gik blot ud fra, at hvis jeg ændrer en bredde fra 200 til 295, skal alle bredder på 200 ændres til 295 - er det ikke korrekt ?

Det kræver nok, du får Zuckerberg's drenge til at lave et specielt script til dig. Det, du bruger, er indrettet til en boks på 200px bredde  =)

Ah - ok. Nu forstår jeg.
Tak for din tålmodighed.Jeg tror løsningen bliver at købe betalingsversionen som passer i bredden.
Vil du lægge et svar så du kan få mine point.

Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)

lukker