Solved

CSS Width problem

Posted on 2012-04-11
1
224 Views
Last Modified: 2012-08-13
The site at http://www.tickettoss.com/tickets/nhl-eastern-conference-quarterfinals-playoff-washington-capitals-at-boston-bruins-game-7-if-necessary-boston-4-25-2012-265796/ loads fine in most resolutions however in IE on smaller resolutions the actual ticket list is placed under the map which is not desirable. How can I fix this without changing the appearance of the page to much?
0
Comment
Question by:JPERKS1985
1 Comment
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 37832987
Unfortunately I couldn't duplicate it in IE 9 with and without compatibility mode.  What I would suggest though, is if it is happening often enough, you could just widen the .wrapper class until you get the desired effect.  

You may also want to use a reset CSS file so that it plays a little nicer cross-browser. This has to be the first CSS file called in your pages though.
http://meyerweb.com/eric/tools/css/reset/
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

740 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question