I have a horizontal div which is inside my header and is the width of my header. In this div I want to put 3 other divs of different sizes and line them all up together. I’ve tried everything and they keep falling outside the horizontal div.
It would seem that I could just use floats, but they wouldn’t work. The three divs are represented in the image by black, pink and white backgrounds. They are enclosed in login-breaking and are named login, search and breaking-marquee The site is down right now while I get this working but if you need to see it live I can open it up for you.
Doing some testing with just the header parts and when I make then enclosing div at least 1500px, everything fits in accordingly, but doesn’t squeeze to the left. Also, I checked the sizes of all the divs and they equal 1024 so it’s not like it’s too big for the enclosing div. This is crazy!