I'm trying to correct the display my site. Currently, when a browser window is set to "maximize" the page looks fine. When the browser window is set to "Restore Down", and some of the width of the browser window is removed, the modules on my pages shift below content, or split apart and do not look correct.
Please see: http://www.infinitesolutionsonline.com
Please resize your browser window, so you may see what it is that I'm talking about. The modules I'm concerned with are the top left(subscribe) and top right(search) modules
Here is a pic of how the page appears with the above settings:
When I restore down the browser window, the left module slides down:
And the right module splits apart:
How can I correct the position of these modules when the browser window is resized?
Any help is greatly appreciated. Thanks very much.
you have so much going on in
you have so much going on in your code for such a simple design. nested divs, too many divs, tables, absolute and relative positioning, negative values, bloated code. I think the best advise I can give, is to start over from scratch, but only after you've been through these two sites
Hi CupidsToejam, I've created
I've created the site using the php based CMS Joomla 1.5. Much of the code is automatically generated, such as the nested/excessive divs, the positioning, etc.
I like joomla because it allows me to integrate special features a basic html/css site may not allow me, such as subscription modules, image rotators, etc.
I am fairly new to web design, and have not experienced other methods of design other than very basic Dream Weaver.
I'm pretty friendly with HTML & CSS. I'm not afraid to dig through the code and to correct whatever this issue is.
How else can I resolve this?
Many thanks for your help,