...

View Full Version : Right floated div breaks background image right edge



MrZippy
11-24-2005, 11:22 PM
I am building a new site where the background is esentially a rounded box, the middle part of the page is just the left and right sides of the box repeated using the div layout-main.

The problem is I float some infomation panes on the right, and the right side of the main 'box' is not shown, if I use a real box ie. border: 1px solid #00000 that shows fine.

Example:

http://mrzippy.org.uk/test/

Any ideas?

Don't worry I've fixed, I added a 2px right margin to the right hand containter.

Glass Casket
11-25-2005, 02:08 AM
Nice site may I add.

MrZippy
11-25-2005, 10:11 AM
Actually I still have a problem, I have made a few more changes and juist tested in Firefox and I have the same problem as before.

I am using Firefox 1.0.7 Mac version.

Works OK on Safari and Opera 8.5 on the Mac.

Any ideas?

And thanks for you comments! I have loads of work to do yet, the artwork I am using is just temporary to test the layout techniques.

MrZippy
11-25-2005, 02:14 PM
Just tested IE6 PC and it's OK there too.

Any idea for a fix for Firefox rendering?

harbingerOTV
11-25-2005, 04:16 PM
give the spacer a height:



.spacer {
clear: both;
height: 20px;
background-color: #f3c;
}


i made it pink so i could see it (you'll probally not want it pink ;) )

p.s. IE will automatically make it 17px hight so you might as well make it that hight as well in your css so it looks the same across the board.

MrZippy
11-25-2005, 06:06 PM
Thanks, that fixed it :)

Want to see a better demo

http://centerstageproject.com/test/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum