Question

I am not good with CSS and am having some serious issues. I have a web page at: http://mrwongsdeals.com/eventsearch.html that gets messed up when the browser is resized. The div containing the banners at bottom over laps the form elements. I need it to be pushed down. I have tried adding position = relative to the div below but then I end up seeing scroll bars at the right.

Can someone in plain English assist me with what to do?

Answer 1

position = absolute means offset (top, left, bottom, right) from the first parent element with position = relative in the hierarchy, or if no parent with position = relative exists the document itself. The images in the .gallery div are positioned absolute, but there is no parent element that is positioned relative and therefore the left, top offset values that you set on the img elements count from the edges of the document and not the edges of the .gallery div.

To correct this, set the position attribute of the .gallery div to relative and adjust the offset (top, left, etc.) of the images inside that div to position them exactly where you want them.