[BNM] IE: CSS Fuckwittery... the second decade approacheth.

[Joe Aliferis]

What doctype declaration are you using ?

is browser in quirks mode ?

http://www.quirksmode.org/css/quirksmode.html

Joe

> Yea - it wraps the inner box. The outer box doesn't shrink-wrap 
> accordingly though alas... it still goes all the way across the screen.
>
>
>   
>> Hi Nick,
>>
>> If you also float the boxContent div it'll wrap for you.
>>
>> .box .boxContent{
>>        background-color:#000;
>>        color:#fff;
>>        padding:15px;
>>        float: left;
>> }
>>
>>
>> 2009/4/7 Joe Aliferis <joe at newforms.co.uk>
>>
>>     
>>> I think its a problem with inheritance in IE
>>>
>>> DIV parent is body (which is naturally full screen)
>>>
>>> Have you tried width:auto;  ?
>>>
>>> joe
>>>
>>>       
>>>> Hello folks, I know it's only 2009 but I've got a bit of IE CSS
>>>> fuckwittery that I'm finding myself wasting fruitless hours on.
>>>>
>>>> You see this:
>>>>
>>>> http://www.weirdsky.com/test/test.html
>>>>
>>>> I don't suppose anyone knows how to get it to shrink-wrap in IE...
>>>> without specifically specifying the width?
>>>>
>>>> the code looks like:
>>>>
>>>>
>>>>
>>>> <div class="box">
>>>> <div class="top-left"></div><div class="top-right"></div>
>>>> <div class="boxContent">Hello, I am some content</div>
>>>> <div class="bottom-left"></div><div class="bottom-right"></div>
>>>> </div>
>>>>
>>>>
>>>> <style>
>>>>
>>>> .box {
>>>>       top: 20px;
>>>>       left:10px;
>>>>       font-size:15px;
>>>>       float:left;
>>>> }
>>>>
>>>> .box .boxContent{
>>>>       background-color:#000;
>>>>       color:#fff;
>>>>       padding:15px;
>>>> }
>>>>
>>>>
>>>> .box .top-left {
>>>>       margin-right: 6px; /* clip right corner */
>>>>       background-image:url('images/boxBG.gif');
>>>>       height: 6px; /* vertical: show first half of the image with the
>>>> top-corners in it */
>>>>       font-size:2px;
>>>> }
>>>>
>>>> .box .top-right {
>>>>       margin-top: -6px; /* to level of top-left corner */
>>>>       margin-left: 6px; /* clip left corner */
>>>>       background-image:url('images/boxBG.gif');
>>>>       background-position: 100% 0; /* show bg-image starting at the right
>>>>         
>>> */
>>>       
>>>>       height: 6px;
>>>>       font-size:2px;
>>>> }
>>>>
>>>> .box .bottom-left {
>>>>       margin-right: 6px; /* clip right corner */
>>>>       background-image:url('images/boxBG.gif');
>>>>       background-position: 0 -6px; /* show under half of the image */
>>>>       height: 6px;
>>>>       font-size:2px;
>>>> }
>>>>
>>>> .box .bottom-right {
>>>>       margin-top: -6px; /* to level of bottom-left corner */
>>>>       margin-left: 6px; /* clip left corner */
>>>>       background-image:url('images/boxBG.gif');
>>>>       background-position: 100% -6px; /* under half, right side */
>>>>       height: 6px;
>>>>       font-size:2px;
>>>> }
>>>>
>>>>
>>>> </style>
>>>>
>>>>         
>>> --
>>>
>>> BNM Subscribe/Unsubscribe:
>>> http://www.brightonnewmedia.org/options/bnmlist
>>>
>>> BNM powered by Wessex Networks:
>>> http://www.wessexnetworks.com
>>>
>>>       
>>
>>
>> ------------------------------------------------------------------------
>>
>>
>> Internal Virus Database is out of date.
>> Checked by AVG - www.avg.com 
>> Version: 8.0.238 / Virus Database: 270.11.44/2044 - Release Date: 04/06/09 18:59:00
>>
>>     
>
>
>