Welcome to WebmasterWorld Guest from 54.162.240.235

Forum Moderators: not2easy

Message Too Old, No Replies

How to beat Blogger's annoying clear:both insertion

Blogger is trying to ruin my CSS!

     
12:49 am on Jun 24, 2005 (gmt 0)

10+ Year Member



Last year I used CSS to make a lovely template for my blog (see for instance ooops sorry no URLs : see TOS #13 [WebmasterWorld.com] ).. I've used it fine with Blogger since then.

Suddenly, today my post was infected with a new DIV tag (inserted by Blogger, beyond my control) which includes a clear:both; modifier. Now my site looks horrendous!

(The main content -- a middle DIV -- won't appear until below the left and right floating DIVs.) I've emailed Blogger Tech Support, but I don't know if I can expect an answer from them anymore (I used to get em, but it's been a while).

Short of moving to Moveable Type (which all my other blogging friends tell me to do), what can I do in terms of using CSS to beat this? Keep in mind that -- so far as I can tell -- the new DIV clear:both tag is there to stay.

Thanks in advance for any assistance..

[edited by: SuzyUK at 9:40 pm (utc) on June 30, 2005]
[edit reason] Please, no personal URLS.. thx. [/edit]

9:50 pm on Jun 30, 2005 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Hi scartol and Welcome to the Forums!

when you say that blogger is inserting a new "div tag".. does this div tag have an ID (i.e. div id="middle-column") with the CSS for that ID, ( clear:both; ), in the stylesheet or is the clear:both; instruction inline?

If the tag has an ID then you can just override it later in the stylesheet if it was working fine for you without it. Basically IE could be getting it right this time (shock horror) as any div that has "clear" applied to it is supposed to vertically clear any previously floated divs ~ as per the specs :(

Clearance is introduced as spacing above the margin-top of an element. It is used to push the element vertically (typically downward), past the float.
W3C spec source [w3.org]
{but my bold}

Suzy

4:01 am on Jul 1, 2005 (gmt 0)

10+ Year Member



Instructions on how to disable it http://buzz.blogger.com/2005/06/layout-solution_29.html [buzz.blogger.com]. Search term: site:blogger.com div clear both


1. Sign in to your Blogger Dashboard
2. Click the "Change Settings" icon next to your blog
3. Click "Formatting" under the Settings tab
4. Choose "No" on "Enable float alignment"
 

Featured Threads

Hot Threads This Week

Hot Threads This Month