Fixed banner

Knös · 2012-04-20, 20:15

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.

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Fixed banner