CSS Spans with silly forms pushing stuff

liunx

Guest
So, here I am, learning and getting better with this css stuff you loonies are always harping about ;)

However, now I'm just perplexed.

I have two spans (who reside in a DIV of no special style) with the following style applied to them..

style="border: solid 1px; display:box; height:250px; width:300px;"

However, when I set them side by side, the are NOT sitting correctly. One of them sits just a little bit higher than the other, by like, two pixels maybe. I know it shouldn't matter, because I *could* push it down with relative positioning.. but really I'm just looking for a reason *why*.Start by running the whole page through the HTML validator at <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m --> and the CSS validator at <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->. Your CSS there is not valid. The "display" property does not take a value of "box".Hey Charles,
I ran it through, and I found some things I missed. I meant "block" for that display property.

However, I get this error, and I'm wondering what I can do to fix that? I can't seem to find the rule in CSS that says it is wrong...because it works on my page.

Line: 51 Context : .content
Parse Error - opacity=85)Please post the URL of the page.Sounds like you are implementing proprietary opacity code, yes it would help if we could see what you were feeding the validator.
 
Back
Top