WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Fixed banner (https://www.wn.se/forum/showthread.php?t=1053137)

Knös 2012-04-20 20:15

Fixed banner
 
Hej,

Jag använder Wordpress twentyten temat och har stött på lite problem. Det jag vill göra är att placera en position: fixed; banner som ständigt följer med besökaren högst upp på sidan. Såhär ser min kod ut fast det fungerar trots allt inte ändå:

#wrapper
Kod:

#wrapper {
        background: #fff;
        margin-top: 0px; /* Eget, tog bort margin-top: 20px; */
        padding: 0 20px;
}

Egna css:
Kod:

#top_banner {
        height: 90px;
        width: 350px;
        background-color: #f2f2f2;
        position: fixed;
        left: 400px;
}

header.php (Wordpress):
Kod:

</head>
<div id="top_banner">
</div>
<body <?php body_class(); ?>>

<div id="wrapper" class="hfeed">
        <div id="header">

Det som händer när jag har detta i min kod är att top_banner befinner sig i wrapper. När jag tar bort position: fixed; från #top_banner funkar det och den lägger sig ovanför wrappern.

Min slutsats är just detta att när position: fixed; är påslaget funkar det inte, när jag tar bort det så funkar det men då följer ju inte div-taggen besökaren.

Tacksam för hjälp.

Knös 2012-04-20 21:25

Fixade. Satte top: 0px; i #top_banner.

Fast nu är frågan hur jag sätter en position: fixed; div-tagg till att positionera sig i mitten. Vanligtvis brukar margin: 0 auto; fungera men inte nu? Någon som vet?

Edit: Löste det:
Kod:

#top_banner {
        height: 90px;
        width: 900px;
        background-color: #f2f2f2;
        position: fixed;
        right: 50%;
        top: 0px;
        margin-right: -450px;
}

Brukar inte använda minus i css, finns det nåt mer optimalt så dela gärna.


Alla tider är GMT +2. Klockan är nu 22:51.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson