My problem lies here. My goal is to have the first set of divs, the notebook, always on the left of the page. This was easily accomplished. But now, trying to get the other set, the folder, to align to right right of the page and also display beside the notebook is a bit tricky.
So far the closest I have gotten to my goal is using absolute positioning. This would be fine except it causes a few problems. For example, the folder is ALWAYS linked to the right, which leads to problems when the window is resized narrowly. I doubt this is fixable using absolute positioning, but it’s the best I could get.
Please help suggest better ways of doing this that actually work. So far I’ve tried other types of positioning, inline displaying, spans, and what not. I’m not much used to using spans and possibly could have just used them wrong.
Add to the
bodytag:and then adjust some of your top positioning and you should have the effect you are looking for (as I interpret your question is to not have them overlap).