Reply
Strange positioning problem
Old 07-28-2010, 12:07 PM Strange positioning problem
Novice Talker

Posts: 9
Trades: 0
Hello! I'm going to post a link to a site that's going up. It looks alright, unless you start resizing the page and then all the elements/divs start going crazy and ruins the consistency of the design. Could someone please suggest how I can keep everything in place regardless of zooming in/out or resizing the page. Notice that's only the top half of the page and everything in the layout on the bottom stays the same.

Many thanks for any suggestions! The site is www.indevelo.com
march11 is offline
Reply With Quote
View Public Profile
 
 
When You Register, These Ads Go Away!
Old 07-28-2010, 08:00 PM Re: Strange positioning problem
Experienced Talker

Posts: 43
Trades: 0
Wow... just... I can't get my head around it. Your CSS and JS is all over the place.

For a starters, try to get rid of all these position:absolute and margin: 5billion px. You should be able to fix most of your issues by using align:center and float:left etc.

Second, get yourself firebug for firefox, and start looking at the code you are producing.

I tried to write down all the changes you need to make, but I ran out of time.
__________________
Australian Directory- Approval in 8 hours & indexed
Web Design Sydney - marketing, web design, direct mail.
createdevelop is offline
Reply With Quote
View Public Profile Visit createdevelop's homepage!
 
Old 07-28-2010, 11:16 PM Re: Strange positioning problem
Madman340's Avatar
Web Designer

Posts: 510
Name: Jared
Location: Florida
Trades: 0
Have you tried margin: 0 auto;?
Madman340 is offline
Reply With Quote
View Public Profile
 
Old 07-29-2010, 07:55 PM Re: Strange positioning problem
Experienced Talker

Posts: 46
Trades: 0
Heres how you do things alright. What you have is junk.
Use an external stylesheet - Must for professionals.

Break down everything into: Header, Body, Sidebar ( If Applicable ) and Footer.

Now name everything in your header like this: <div id="header" class="Facebook"> or <div id="body" class="post">. Hopefully you get the point.

Now heres how you would build a header. Take all the components you want the Facebook image, Twitter, and navigation then break them down.

Heres how I would build your header. Wrap one div around the navigation/ background image/ then twitter facebook.
__________________
Make Money Ebooks - Dating Ebooks
Thizzle is offline
Reply With Quote
View Public Profile Visit Thizzle's homepage!
 
Old 07-29-2010, 07:56 PM Re: Strange positioning problem
Experienced Talker

Posts: 46
Trades: 0
Keep in mind for auto margins to work you have to specify the width. Then I would set the main divs that wrap around the entire content to Auto. That way everything will always be in the center.
__________________
Make Money Ebooks - Dating Ebooks
Thizzle is offline
Reply With Quote
View Public Profile Visit Thizzle's homepage!
 
Reply     « Reply to Strange positioning problem
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.12849 seconds with 13 queries