homepage Welcome to WebmasterWorld Guest from 54.211.235.255
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

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.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved