2 replies [Last post]
Naz
Offline
newbie
The Netherlands
Last seen: 13 years 37 weeks ago
The Netherlands
Timezone: GMT+1
Joined: 2007-02-01
Posts: 5
Points: 0

I'm trying to position my layout correctly and it shows up the way I want it in IE but I'm using two images and one image just won't show up next to the other. In Firefox it shows up below the other one. I'm using two separate DIVs for that.

This is what it says in my CSS:

.Logo { position: relative; width: 350px; height: 100px; border-left: 1px solid #000000; border-top: 1px solid #000000; }

.BGright
{
background-image: url(bgright.png);
position: absolute;
float: right;
margin: 0px 0px 0px 0px;
display: inline;
text-align: right;
vertical-align: top;
width: 450px;
height: 98px;
padding-right: 2px;
padding-top: 2px;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}

And this is the HTML:

test

Could anyone help me so it shows up correctly in Firefox? Thanks in advance!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Firstly remove position

Firstly remove position absolute; the float property and postion absolute do not go together absolute will overide the float.

Then ensure that the floated element is written before the non floated one in the source markup.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Naz
Offline
newbie
The Netherlands
Last seen: 13 years 37 weeks ago
The Netherlands
Timezone: GMT+1
Joined: 2007-02-01
Posts: 5
Points: 0

Thank you so much. Come to

Thank you so much. Come to think of it, it was very easy to fix this problem. So thanks again. Smile