Page 1 of 1

CSS Issues

Posted: Thu May 12, 2005 11:37 am
by Ashley
In relation to episode 83 ( http://www.slsd.org/teacher/washkod/foundation/ ) with the css issues, it can be easily fixed with a single line of CSS. I'm not entirely sure what the issue is officially, but unofficially it seems that the h2 tag is pushing the whole lot down... Fixed by the following:

Code: Select all

.content h2{margin-top:0px;}
Essentially what that says is "Resize the top border to 0 pixels for any h2 tags inside anything of the class 'content'."

Example of the solution is at <a href="http://ashley.cc/Test.htm">this location</a>. Hope that helps. :-)

Posted: Thu May 12, 2005 5:02 pm
by dann
Ashley, thanks for the response. We figured out yesterday that any block level tag placed on the first like will cause margin behavior. Why this is I cannot fathom.

Change the header 2 to 1 or a paragraph and the same thing happens.

Posted: Thu May 12, 2005 10:22 pm
by Ashley
Yeah, it's a bit odd. If you wanted a cheap visual fix though, that example still works. :-)
*curses missing the show live*