Placing div properly outside wrapper area. FF & IE!?
Hi, I’ve been spending the las 2 days trying to figure this out.
I’m using the Benevolence theme btw.
Basically, I’m trying to place a “box” outside the wrapper area, floating on the right side of wordpress.
This is what I did, and work perfectly under Firefox.
I added this to the header.php
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
<div><?php include (TEMPLATEPATH . '/rightbox.php'); ?></div>
The rightbox.php for now is as simple as this
Template Name: right box
<p align="center">content goes here and the rest right below.
<p align="left">some more stuff right here
and the css style…
margin: 0px -140px 0px 0px;
padding: 0px 0px 0px 0px;
As you see I set a -140 margin, this way the box has a gap about 10px from the right edge of the blog, above the body background, and this is how I want it, in firefox it’s great, but things change in IE.
The box is aligned with its left edge to the right side of the blog, I can’t move it a single pixel to the right past -120px.
Seem lik in IE this box is confined by the wrapper element.
Any help is greatly appreciated, even another solution to put this box on the right side.
- The topic ‘Placing div properly outside wrapper area. FF & IE!?’ is closed to new replies.