>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; }
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
