Technews, the way I like it...


New IE7 Broke CSS Width.

, posted: 9-Nov-2006 07:38

This is rather interesting, while some web developers have welcomed IE7 with most of its effort stepping up its CSS 2.1 supports, however it did so along the way by breaking CSS's width property. How so you asked? Well if you have IE7 and know a bit of HTML/CSS, try this: With any HTML element, or just try DIV, then apply "width:100%;" as its CSS style and see the result. What happened is that, when width:100%; is present, IE7 will "shrink" the box size down to its content size. Not exactly 100% wide is it? How to fix it? Well, simplest is use width:auto; (depending on your design too, however it is safe for majority of the design/usage). If you found yourself that you need width:100% (for example when using with float:left/right together with width:100% on Opera*, you can always use the "highly recommended" conditional comment which fortunately only IE will recognise.





Tag(s):       


Other related posts:
Telecom XT Pricing Plans Announced
Vista virtualisation ban lifted
64-bit Windows support in Boot Camp




Permalink to New IE7 Broke CSS Width. | Add a comment (2 comments) | Main Index




Comment by Kory Hoopes, on 10-Nov-2006 17:53

Why can't they just get it right? Must they have something wrong to prove they don't have to bend to the established standards? IE7 is better than IE6, but I'll stick with my Firefox.


Comment by Scott Cleland, on 24-Nov-2011 09:30

I had this problem on a site I was working on where the client wasnt able to upgrade from IE7. I had to set "left:0;" in order for it to work.


Add a comment

Please note: comments that are inappropriate or promotional in nature will be deleted. E-mail addresses are not displayed, but you must enter a valid e-mail address to confirm your comments.

Are you a registered Geekzone user? Login to have the fields below automatically filled in for you and to enable links in comments. If you have (or qualify to have) a Geekzone Blog then your comment will be automatically confirmed and shown in this blog post.

Your name:

Your e-mail:

Your webpage:

Blog Category

Announcement...
Annoyance...
Blog Update...
Films...
Free Hugs...
Gadget...
Games...
News Tidbits...
Personal...
Praise...
Rant...
Technology...
Thought...
Travel...
Tune...
Website...


Recent Posts

Your joke wasn't funny!...
End of first half of 2010!...
Telecom XT Pricing Plans Annou...
Critical MS Windows Patch - MS...
Diablo III is coming!...
Nintendo in NZ is in jeopardy ...
NZHerald tech writer needs to ...
Underperforming XBLA games to ...
Apple new MacBook and MacBook ...
[Update] Logitech Harmony 880 ...


Latest Geekzone Posts

Sky OnDemand - Whats new in No...
(ockel, 10-Nov-2016 20:32)
Sky OnDemand - Whats new in No...
(ockel, 2-Nov-2016 18:59)
Air New Zealand launches Flexi...
(sbiddle, 2-Nov-2016 08:52)
Microsoft Ignite New Zealand, ...
(freitasm, 30-Oct-2016 17:25)
Have an interest in retail pay...
(sbiddle, 28-Oct-2016 07:43)
Sky OnDemand - Whats new in Oc...
(ockel, 14-Oct-2016 16:09)
How one database query can fix...
(nate, 13-Oct-2016 11:33)
[Review] Air New Zealand Auckl...
(sonyxperiageek, 8-Oct-2016 14:21)
Sky OnDemand - Whats new in Oc...
(ockel, 4-Oct-2016 19:57)
Samsung Galaxy Explodafone (No...
(chris021, 30-Sep-2016 12:17)


Top 10 Posts

WM5 device as USB Wireless Mod...
(28-Dec-2006 11:34, 93996 views)
Nintendo GameCube games on Wii...
(15-Jan-2007 08:50, 85132 views)
SD Card Reader on Windows Vist...
(25-Sep-2006 08:32, 80717 views)
FREE 14-days World of Warcraft...
(7-Oct-2006 17:17, 74483 views)
SD vs miniSD vs microSD...
(10-Oct-2006 17:13, 36968 views)
Harvey Norman & HP Custo...
(28-Jul-2006 10:36, 36146 views)
[Update] PS3 40GB Backward Com...
(9-Oct-2007 11:24, 34637 views)
[Update] Got Vista? Got VMC? B...
(12-Oct-2007 10:00, 29262 views)
Xbox 360 vs Nintendo Wii vs So...
(7-Aug-2006 19:39, 26088 views)
Pay more, wait longer, and get...
(26-Feb-2007 10:05, 22168 views)


About Me...