Link to home
Create AccountLog in
Avatar of iceman19330
iceman19330

asked on

image overlapping

So I am running into an issue where the large image near the bottom of the page is overlapping the thumbnail group to the side.

http://tinyurl.com/3nm46ok

I should be even-ish near the top and aligned to the left of the thumbnails.

Any thoughts?
ASKER CERTIFIED SOLUTION
Avatar of jonahzona
jonahzona
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Here is a screenshot of the output.

 User generated image
Avatar of iceman19330
iceman19330

ASKER

is there some reason why the thumbnails wont go to the right of the image next to it?
Its because the div they are both in is too skinny.

.ai-add_box_inner {
    margin: 0;
    overflow: hidden;
    width: 383px;
}

Open in new window


Try changing this one.
.ai-add_box_inner {
    margin: 0;
    overflow: hidden;
    width: auto;
}

Open in new window


You don't have to make it auto, you can make it static. But it has to be wide enough to hold both divs that are nested in it.
Screenshot with above property set.

 User generated image