Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: not2easy
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]
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]
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"