I've got a div (id="container") that contains a number of divs (class="content"). I've also got an Amazon div (id="amazon") that I want to position top right of the container div.
If I set the "amazon" div to float:right, then all is ok (as long as it is placed at the top of the page. However, I then have to have clear:both or clear:right as part of the "content" div in order to prevent the text overwriting. If I add the clear option, then the div begins below the amazon div.
What do I need to do to get the contents div to fit in the space to the left of the amazon div?
Is it also possible to have the amazon div HTML lower down the page, but still get it appearing at the top right?
PS All of this might be easier to understand at http://www.johnrudge.f2s.com/, and then selecting the "test" style from the righthand side.
If the top section is the same size on all of your pages you can set up your Amazon div with absolute positioning. That way you can put the code anywhere on the page and it will show up in the same physical location.
Bookmarks