Floating is FF

Dear all,

I have a site on WordPress with a theme that perfectly works for IE6.
However, as soonas I started cheking it with FF, Opera and IE7 I
foudna few things.

Of the major:
It seems that a adSense block (only when it is 120 x 600!, mind me!)
does not seem to position correctly.
I have a div that explicitly (that is inside the div itself) adjusts
the position of the block:

<div style="float:right; display:inline; width:120px; height:600px;
padding:5px;">Adsence block</d>

However, FF seems to think a lot about itself and positions the <div>
as if it has display:block rather then inline, so the text that should
float around the block actually moves below (which makes more sense
for Adsence, but less for the users and for me)

Dopes anyone have any ideas how may I fix it

re: Floating is FF

In article
<1184835667.323999.82880@j4g2000prf.googlegroups.c om>,
ioni <kirionis@gmail.comwrote:
What is your point in display: inline when specifying this float;
floats are a special inline thing by nature? And why do you close
with </dinstead of the correct </div>

--
dorayme

re: Floating is FF

ioni wrote:If you read the specs, you'll see that Firefox and other non-IE browsers
get it right.
http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo

In case you miss it, display:inline should be computed as display:block
Post a URL so we can see what the real situation is. Do not post code.

--
Berg

re: Floating is FF

On 19 , 16:16, Bergamot <berga...@visi.comwrote:Dear all,

I have tried it gazilion times..

Well, I position the block with class, Google600.
If the block does not have the JavaScript refence to Adsence, then it
positions perfectly in any browser.
As soon as I put the adsence block back - the div stops behaving as it
should...

I am totally lost for a week now!

Well, this is the sample page - so check for youself..
http://sunshine.by/category/books/must_read/

I would very much appreciate the help!

re: Floating is FF

On 20 , 14:02, ioni <kirio...@gmail.comwrote:Please note that this only happens in FF 2.0 which I have installed.
IE6 shows everying perfectly

re: Floating is FF

ioni wrote:In structure.css
..narrowcolumn {display:table}

It's not supported by IE, and doesn't really give you the results you
want in other browsers. Just set margin-left instead and be done with it.

--
Berg

re: Floating is FF

On 20 , 17:10, Bergamot <berga...@visi.comwrote:Thanks a mil, Bergmot!
Probalby be too much to ask now, but it still floats only around the
first post and then leaves a great nice empty space between the
following entry. Why would that be happening?

Same url...

Regards,
Cyrill

re: Floating is FF

ioni meinte:
It's the clear:left in .postmetadata.

Anyway: Your markup is a real disaster: No less than 44 errors. Do
yourself a favor and get some decent FF plugins. I suggest FireBug, Web
Developer and HTML Validator.

Gregor

--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum

re: Floating is FF

On 21 , 19:50, Gregor Kofler <use...@gregorkofler.atwrote:Ok Gregor, I certainly will follow your advise and thank you for the
great answer!
In the meanwhile may I request why the index now has the first post is
acting as though it has a margin-bottom: 600px?

No advertising on index, please be assured on that - http://sunshine.by

Regards,
Cyrill

re: Floating is FF

ioni meinte:
Sigh. 59 Errors.
The <br clear="all">.

Took me about 30 seconds with FireBug's inspect (and edit) function. Go
figure!

Gregor



--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum

re: Floating is FF

On 23 , 22:47, Gregor Kofler <use...@gregorkofler.atwrote:Dear Greegor,

I have checked the page with WC validator for XHTML Strict, which I
set in the header.
THe main problem with the errors aplenty comes from the counters
(between the <!--myCounters--comments) which I use and since I am
not allowed to chage their code it only has to be there as it is well
compacted within a table.

Apart from those I have now only two errors - one refers to onCLick
action connected to the href and oanother one - to the <MAPtag which
valigator syas cannot be placed like it is placed on the page - which
I have no idea how to put in any other way but in the end after all
the closing tags - is there any other way to put it just so and
generate no errors?

However, I have noted that now the menu on the side has emty space
between them..

Any idea how this can be undone?

Regards,
Cyrill

re: Floating is FF

In article
<1185266746.624969.180870@57g2000hsv.googlegroups. com>,
ioni <kirionis@gmail.comwrote:
Dear Cyrill,

I can't tell you with what impatience I await Greegor's answer.

Regards

dorayme

--
dorayme

re: Floating is FF

ioni meinte:
I don't know... did I already mention FireBug? This one was tricky -
about 50 seconds. Set the font-size to 0em in die <a>s of the sidebar.
Not smart, but it gets the job done. There might be a character
somewhere within these tags that forces the extra space. Removing this
is smarter.

However, this gets boring. Perhaps you should try yourself. I could
recommend one or two Firefox-Plugins...

Gregor


--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum

re: Floating is FF

dorayme meinte:
Dear dorayme,

have I already pointed out the advantages of some FF plugins?

;) (just in case...)

Gregor



--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum