2 replies [Last post]
WorkOutMan
Offline
newbie
Last seen: 4 years 6 weeks ago
Timezone: GMT-8
Joined: 2009-07-26
Posts: 9
Points: 5

Hi,

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.

Ty

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 13 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

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

http://www.htmldog.com
http://www.w3schools.com


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

WorkOutMan
Offline
newbie
Last seen: 4 years 6 weeks ago
Timezone: GMT-8
Joined: 2009-07-26
Posts: 9
Points: 5

Hi CupidsToejam, I've created

Hi CupidsToejam,

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,

Ty