nsForum logo

Welcome Guest ( Log In )

 
Reply to this topicStart new topic
> Site Is Too Wide With Ie, no problem with filrefox or home page
flackster
post Mar 17 2009, 11:11 AM
Post #1





Group: Verified NS Member
Posts: 67
Joined: 31-July 08
Member No.: 1,722



In my product pages my site is showing up as too wide when I use Internet Explorer. Please help! Thanks!

http://playhouseshops.com/le-caf.aspx
Go to the top of the page
 
+Quote Post
agkits
post Mar 17 2009, 12:21 PM
Post #2





Group: Verified NS Member
Posts: 666
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



Well it is definitely in the product layout. You wouldn't happen to have that code? If you want to PM it to me I can take a look. Also you may want to check your right column. You have the following...
CODE
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>
</head>

<body>

<head>

<meta http-equiv="Content-Language" content="en-us">
</head>
Go to the top of the page
 
+Quote Post
martiniguy
post Mar 17 2009, 09:16 PM
Post #3





Group: Verified NS Member
Posts: 778
Joined: 10-March 08
From: South Eastern Martini-land
Member No.: 775



QUOTE (flackster @ Mar 17 2009, 10:29 AM) *
In my product pages my site is showing up as too wide when I use Internet Explorer. Please help! Thanks!

http://playhouseshops.com/le-caf.aspx

Hey Flackster.
Looks like the issue here was fixed, but your header and footer look like they are limited in size now? I am viewing on a small screen and certain elements look like they are not filling the brower horizontally?
Go to the top of the page
 
+Quote Post
flackster
post Mar 17 2009, 09:30 PM
Post #4





Group: Verified NS Member
Posts: 67
Joined: 31-July 08
Member No.: 1,722



Nope sorry... It still does not work, thanks for checking. I called Monster today and they do not know... augh. They say it must be in my CSS file... but like I have any idea where to start looking for code in that thing that only effects my category and product pages in IE and not Firefox.

Someone from Monster please help!
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 18 2009, 10:06 AM
Post #5





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



Try setting a width on the table with the "prod-detail" class.
Go to the top of the page
 
+Quote Post
flackster
post Mar 18 2009, 10:26 AM
Post #6





Group: Verified NS Member
Posts: 67
Joined: 31-July 08
Member No.: 1,722



Thanks Andy. Not sure what you mean by that. Here is what I have now....

/* product detail */
table.prod-detail {}

/* layout */
td.prod-detail-tp { padding-bottom: 10px; }
td.prod-detail-lt { width:50%; padding-right:10px; }
td.prod-detail-rt { width:50%; padding-left: 10px; }
td.prod-detail-bt { padding-top: 20px; }

/* information */
div.prod-detail-price { margin-bottom: 10px; }
span.prod-detail-msrp-label, span.prod-detail-cost-label, span.prod-detail-sale-label, span.prod-detail-save-label { font-weight: bold; }
span.prod-detail-part-label { font-weight: bold; }

div.prod-detail-shopping-list, div.prod-detail-email-friend, div.prod-detail-promo { margin-top: 10px } div.prod-detail-man { margin-top: 10px; }
span.prod-detail-man-name-label, span.prod-detail-man-part-label { font-weight: bold; }
input.prod-detail-add { position: relative; top: 9px; left: 3px; }

table.prod-detail-qty-disc th, table.prod-detail-qty-disc td { padding: 3px; border: 1px solid #ccc } div.personalization{}
div.personalization-question { margin-bottom: 15px }
span.personalization-question-label { font-weight:bold }

div.personalization-answers { margin: 5px 0 0 15px }
div.personalization-answer { margin-bottom: 5px }
pan.personalization-answer-label { margin: 3px }
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 18 2009, 10:27 AM
Post #7





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



table.prod-detail { width:500px }

... something like that
Go to the top of the page
 
+Quote Post
flackster
post Mar 18 2009, 10:37 AM
Post #8





Group: Verified NS Member
Posts: 67
Joined: 31-July 08
Member No.: 1,722



Walla! You guys rock! Thank you. BTW... I had to adjust the category listing as well... a little trial and error and here is what I get...

/* category listing */
table.category-list td { text-align:center; width: 200px; }
div.category-list-item { margin: 0 10px 10px 0; }
div.category-list-item-head { padding: 4px; }
div.category-list-item-head h5 { margin: 0; }
div.category-list-item-body { padding: 5px; text-align: center; }
div.category-list-item-body img { display:block; margin: 0 auto 5px auto; }

Perfect. Thank you!
Go to the top of the page
 
+Quote Post
agkits
post Mar 18 2009, 11:13 AM
Post #9





Group: Verified NS Member
Posts: 666
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



Glad to see it got fixed!
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2010 Time is now: 21st March 2010 - 11:16 PM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates