View Full Version : Help with div positioning

Mar 30th, 2007, 03:58 PM
Please Check out my page here http://www.photogap.net/test.html

You will notice a grey image in a div that is behind the Home -> Animals links. Just below it I want this grey box to contain the items below. I thought I had it laid out correctly but as you can see, it does not. I would like for it to drop down and contain everything below it yet stay inside the white rounded container.

Thank you for any help with this

Mar 30th, 2007, 05:34 PM
I do not see the "grey image in a div that is behind the Home -> Animals links." that you refer to, but does this link help you at all?


Mar 30th, 2007, 07:25 PM
There should be a grey bg that goes across about 40px high behind the links. THen under that a lighter shade of grey that I want to contain the icons/thumbnails below...

ok, I see that the issue I am having is only in FF. In IE I have a totally different issue :)

Mar 30th, 2007, 07:27 PM
It absolutely amazes me how THe white round-edged container I have works perfectly in FF but in IE, is jacked up. And not only that, IE6 different jacked up than IE7. I hate browsers....

btw jlhaslip, thanks for the reply but the link you posted seems dead

Mar 30th, 2007, 07:36 PM
what kind of positioning are you using. By the way what's with the toolbar and pop...........nevermind.

do you have problems with browser resizing.

Mar 30th, 2007, 07:53 PM
Hello tripwater,
In your first problem it looks like you didn't clear the floats. Add the line in red to your CSS:

.container_1 {
margin: 0;
padding: 0;
width: 740px;
border: solid 1px #DFDFDF;
background: #FAFAFA;
overflow: hidden;

Maybe someone else can help you with how your rounded corners are working. Only thing I can tell you is not to use tables.

Mar 30th, 2007, 09:16 PM
Server issues? It works now.