Avatar of Brad Bansner
Brad Bansner
 asked on

CSS for large DIV inside smaller DIV (overflow:hidden), possible to center large DIV?

I have a 100% x 500px DIV, overflow:hidden, position:relative.

Inside it is a 2000px x 500px DIV that I am going to shift around with Javascript, position:absolute.

Since the container DIV fills the entire screen left-to-right, I don't know what its width will be. I would like to center the interior DIV, but I can't because I don't know how many pixels to offset to make it centered.

Can this be done with a simple CSS setting? Or do I have to do something more involved, like with jQuery, to calculate its position and adjust dynamically?

Thank you!
CSS

Avatar of undefined
Last Comment
Brad Bansner

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
X-treem

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Brad Bansner

ASKER
Ah, awesome! Thank you!
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck