Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-06-2011, 05:21 AM   PM User | #1
gamestoenjoy
New Coder

 
Join Date: Nov 2009
Posts: 52
Thanks: 6
Thanked 0 Times in 0 Posts
gamestoenjoy is an unknown quantity at this point
In Chrome instead of fixed width, my site covers the entire screen

Hi,

My website looks fine on Firefox and IE with fixed width on different screen resolutions.
On Chrome instead of having a fixed width, my site covers the entire screen,
even in case of high resolution, and the site seems broken because of it.
How can I fixed this annoying problem?

My website: http://www.gamestoenjoy.com

My CSS file: http://www.gamestoenjoy.com/site/tem...s/template.css

Thanks a lot in advance
gamestoenjoy is offline   Reply With Quote
Old 07-06-2011, 06:45 AM   PM User | #2
Sammy12
Registered User

 
Join Date: Jun 2011
Posts: 1,063
Thanks: 12
Thanked 241 Times in 240 Posts
Sammy12 is on a distinguished road
chrome sets a table to 100%;

try defining a width for the table:

Code:
table {
 width: 960px;
 margin: auto;
}
Sammy12 is offline   Reply With Quote
Users who have thanked Sammy12 for this post:
gamestoenjoy (07-06-2011)
Old 07-06-2011, 07:48 AM   PM User | #3
shankar.adodis
New Coder

 
Join Date: Feb 2011
Posts: 41
Thanks: 0
Thanked 4 Times in 4 Posts
shankar.adodis is an unknown quantity at this point
Hello ,
you haven't provided the width to your main table so it is not proper in the chrome .
different kinds of browser differently to table element i have made changes to the code
paste this code . i have just added the div before table and provided width and to center it
i used margin 0 auto property.

please find the code here
put this div wrapping your main table
Quote:
<div style="width:990px;margin:0 auto">
your main table goes here
</div>
__________________
Magento Themes
shankar.adodis is offline   Reply With Quote
Users who have thanked shankar.adodis for this post:
gamestoenjoy (07-06-2011)
Old 07-06-2011, 06:33 PM   PM User | #4
gamestoenjoy
New Coder

 
Join Date: Nov 2009
Posts: 52
Thanks: 6
Thanked 0 Times in 0 Posts
gamestoenjoy is an unknown quantity at this point
Thanks a lot!
I added width to the table tag and now my site has fixed width also on Chrome.
gamestoenjoy is offline   Reply With Quote
Reply

Bookmarks

Tags
chrome

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 12:59 PM.


Advertisement
Log in to turn off these ads.