I have a homepage with two large blocks across the bottom of the page. See here. They are created as one large <div class=“twoarcs”> with 2 inner divs that each contain the same semi-transparent “blue arc” bg img. And I’ve suceeded in positioning a Jquery Nivo img slider in the left blue arc. The right arc img was still in its correct place at that point
But then, when I scripted a google calendar feed to place inside the right arc, it knocked it out of place down about 40 px. This is weird because the parent “twoarcs” has just the right height to contain the 2 arc imgs next to each other.
I’m just trying to align both bg arc imgs next to each other and then position the calndar feed correctly, like I was able to do with the img slider.
Don’t understand why that rightarc is knocked down vertically.
You have no styles applied to rightarcfeed so it is jujst a div inside a div and is therfore a wasted element as it provides no sematics and no structure and is not really needed.
Sometimes its easier to add an inner div if you want to move all the inner content in one go but you can just as easily move the individual items and save a div unless there are lost of elements to be moved.