Found out the problem was somewhere in my editor, some encodings problem. I explicitly denoted it had to be saved as UTF-8. Removing that solved the problem. The weird thing was that the source and target file both were UTF-8 already. I suspect .Net adding a BOM. Could it be sass to be confused by the BOM?
On Sat, Sep 19, 2009 at 12:24 PM, Mark de Bruijn <[email protected]> wrote: > After some messing around, I desided to try it with empty files. I copied > the contents of the sass file to clipboard, removed both, made a new .sass, > UTF-8 with Dreamweaver, pasted my sass code, ran it again, and it worked. > > I'm now going to try my own IDE, to see if that caused it. > Windows-XP, > Ruby 1.8.6 > Haml 2.2.5 > > > On Sat, Sep 19, 2009 at 12:15 PM, Mark de Bruijn <[email protected]>wrote: > >> I am using both Dreamweaver and my own custom sass editor. In the first >> case I kick of sass from command line, in the second case I let my editor do >> it. I can assure the \uFEFF isn't in the .sass, as dreamweaver shows that >> char as a high dot, which only occurs in the css file. >> >> >> On Sat, Sep 19, 2009 at 12:09 PM, Chris Eppstein <[email protected]>wrote: >> >>> What are you using for a text editor? Did you copy and paste from >>> anywhere? >>> I can't reproduce this with your sass code in the email and the lastest >>> version of haml. >>> >>> chris >>> >>> >>> On Sat, Sep 19, 2009 at 2:18 AM, Dykam <[email protected]> wrote: >>> >>>> >>>> From the sass file[1] is generated a malformed css file[2]. A \uFEFF >>>> is generated before certain selectors, I changed them into a hyphen >>>> "-" at file[3]. >>>> >>>> The problem with this is that some/most browser can't handle this >>>> char. Firefox and Chrome both break at it, only reading the css >>>> partially. Any idea what I am doing wrong? >>>> >>>> [1] >>>> #container >>>> margin-top: 0 >>>> margin-bottom: 0 >>>> margin-left: auto >>>> margin-right: auto >>>> background: red >>>> width: 940px >>>> #header >>>> height: 2em >>>> background: #C93 >>>> text-align: right >>>> #content >>>> #entrance >>>> li >>>> float: left >>>> width: 50% >>>> text-align: center >>>> border-size: 1px >>>> #footer >>>> li >>>> float: left >>>> width: 50% >>>> background: #C93 >>>> li >>>> clear: both >>>> >>>> #container, #header, #content, #footer >>>> overflow: hidden >>>> >>>> [2] >>>> #container { >>>> margin-top: 0; >>>> margin-bottom: 0; >>>> margin-left: auto; >>>> margin-right: auto; >>>> background: red; >>>> width: 940px; } >>>> #container #header { >>>> height: 2em; >>>> background: #C93; >>>> text-align: right; } >>>> #container #content #entrance li { >>>> float: left; >>>> width: 50%; >>>> text-align: center; >>>> border-size: 1px; } >>>> #container #footer li { >>>> float: left; >>>> width: 50%; >>>> background: #C93; } >>>> #container #footer li li { >>>> clear: both; } >>>> >>>> #container, #header, #content, #footer { >>>> overflow: hidden; } >>>> >>>> [3] >>>> #container { >>>> margin-top: 0; >>>> margin-bottom: 0; >>>> margin-left: auto; >>>> margin-right: auto; >>>> background: red; >>>> width: 940px; } >>>> -#container #header { >>>> height: 2em; >>>> background: #C93; >>>> text-align: right; } >>>> -#container #content #entrance li { >>>> float: left; >>>> width: 50%; >>>> text-align: center; >>>> border-size: 1px; } >>>> -#container #footer li { >>>> float: left; >>>> width: 50%; >>>> background: #C93; } >>>> -#container #footer li li { >>>> clear: both; } >>>> >>>> #container, #header, #content, #footer { >>>> overflow: hidden; } >>>> >>>> >>>> >>> >>> >>> >>> >> >> >> -- >> Mark >> > > > > -- > Mark > -- Mark --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Haml" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/haml?hl=en -~----------~----~----~----~------~----~------~--~---
