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?
CSS

Avatar of undefined
Last Comment
jonahzona

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
jonahzona

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
jonahzona

Here is a screenshot of the output.

 Screenshot
iceman19330

ASKER
is there some reason why the thumbnails wont go to the right of the image next to it?
jonahzona

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.
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
jonahzona

Screenshot with above property set.

 ss