Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 179
  • Last Modified:

IE CSS positiong off

When I view my site (car site) in IE, the thumbnails are not aligned underneath the main image.  However, everything looks fine in Chrome.  How do I fix the IE issue?

http://www.drivecore.com/CHEVROLET/2011-CHEVROLET-AVEO-LT---KL1TD5DE7BB246613__p-2-66962.aspx
0
saturation
Asked:
saturation
  • 6
  • 4
1 Solution
 
Schnell SolutionsSystems Infrastructure EngineerCommented:
Try configuring the url as a trusted zone. Go to Tools, Internet Options, Click the "Security" tab, click "Trusted Sites" icon, click "Sites" botton and add *.drivecore.com, them quit the https checkbox and click Ok. Reload your website

If it doesn't work (just if the previous step doesn't work) try the IE compatibility option. Click Tools in the IE menu and select "Compatibilitie View Settings". If your website is not added there, try adding it and reload your browser and test
0
 
saturationAuthor Commented:
Isn't there a way to adjust it so the user doesn't have to click compatibility view?
0
 
Schnell SolutionsSystems Infrastructure EngineerCommented:
One workarround could be Group polices if all your computers are under an Active Directory Domain
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
saturationAuthor Commented:
I can't force random website visitors to do either of those..Got any other ideas?
0
 
Schnell SolutionsSystems Infrastructure EngineerCommented:
Has been the website made by you?
0
 
saturationAuthor Commented:
Yes.
0
 
saturationAuthor Commented:
I need help changing the CSS so it appears fine in IE.  Works fine in Chrome.
0
 
Schnell SolutionsSystems Infrastructure EngineerCommented:
Ok, i tought that you just wanted the client configuration for a generic website in the internet. But in this case you need to configure the website to recognize the IE version and make the adjustments for each browser and version (Specially IE that changes a lot from one version to another)
0
 
saturationAuthor Commented:
Right--but I need to just adjust one or two parts of the CSS file that controls the position of that area. Someone here should be able to help me get this positioning correct for IE.
0
 
LZ1Commented:
First remove inline-block and add block to:
.imageviewer .gallery .scrollarea

Open in new window


Then remove the float:none; from:
html > body .imageviewer .gallery .imageholder

Open in new window


Finally adjust that top margin on:
.imageviewer .gallery

Open in new window

to around -148px.

By the way, you should never use negative margins. There's something else wrong with the flow of your document. However, it's beyond the scope of this question.  Hopefully this gets you to the right spot.
0
 
saturationAuthor Commented:
Thank you!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 6
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now