homepage Welcome to WebmasterWorld Guest from 54.234.126.92
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
Subscribe and Support WebmasterWorld
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library : Charter : Moderator: open

CSS Forum

    
How to beat Blogger's annoying clear:both insertion
Blogger is trying to ruin my CSS!
scartol




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

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]

 

SuzyUK




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

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

BReflection




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

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"

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved