Jump to content


Photo

Webpage centering problem


  • Please log in to reply
4 replies to this topic

#1 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 30 July 2011 - 06:15 PM

Hello,

Back again.

Still having problems with centering my web pages…

My HOME page is perfectly centered: Link: http://tokyo-chef-institute.com/

However, all my other pages are justified to the left: Link: http://tokyo-chef-in...etropolistTokyo

I used the following codes.

-----------------------------

<body>
<div style="margin: 0 auto; width: 900px;"> Note: set your width to whatever size your framework is.

</div>
</body>

-----------------------------

Any ideas on why it’s not working?

Regards
rk
  • 0

#2 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,722 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 30 July 2011 - 06:29 PM

Why did you start using frames? That was a very bad idea.
  • 0

#3 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,722 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 30 July 2011 - 06:35 PM

Overall, I think your code is messier now than it used to be. The reason your index page centers is that is has a div="wrapper" around all the body contents that is centered by this CSS:
#wrapper { 	width:1050px; margin:0 auto; }

Your other pages are missing that wrapper division.
  • 0

#4 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,722 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 31 July 2011 - 07:40 AM

Also, the contact us link at the bottom of the Metropolis page is broken.
  • 0

#5 Guest_jhjonsonsk

Guest_jhjonsonsk
  • Guests

Posted 01 August 2011 - 02:19 AM

Every web programmer knows that you can't code a commercial website for a specific browsers or user experience level, much less a screen resolution. Since you can't count on a user having the latest and greatest, you need to use the lowest common denominator of browsers resolution. In today's web world, 1024x768 is usually the lowest browser resolution coded for.


Edited by Andrea, 01 August 2011 - 04:41 AM.
Link Deleted - No Spam Please

  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users