CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
So, this has happened to me before on other designs I’ve done, but I’m not sure what causes it or a good way to fix it.
Basically, if I’m using an inline
like in a <br /> the first line break will jump way down, leaving a huge gap. Any subsequent <br style="clear:both;"> are fine with normal spacing. It’s only the first clear that does it.
Here’s a screenshot
And here is a live working example (nevermind the broken images and such – it’s just a staging install)
Any help or clues are greatly appreciated! Thanks!
Maybe try using <div class="clear"></div> instead.
I know it’s an empty div, but really, who cares.
It will not work on that manner using <br /> nor <hr /> tags placing your clear attributes. I’ve already experience that and it didn’t work.
Instead use an inline;
<div style="clear:both"></div> or <span style="clear:both"></span>
or in css just like @TheDoc mentioned above.
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed