Stylesheets - ie6 float issue driving me crazy

Author

ie6 float issue driving me crazy

battle.chris@gmail.com

2007-09-25, 6:17 pm

Hi all.

Any advice appreciated - I'm floating an image right and the text to
the left of the image is being forced down about 5px from the top of
the containing area. You can see the issue here: http://www.cbcgroup.com.au/drupal.

No issues in ie7 or Firefox - can someone tell me what I'm doing
wrong?

Thanks.

Beauregard T. Shagnasty

2007-09-25, 6:17 pm

battle.chris@XXXXXXXXXX wrote:

> Any advice appreciated - I'm floating an image right and the text to
> the left of the image is being forced down about 5px from the top of
> the containing area. You can see the issue here:
> http://www.cbcgroup.com.au/drupal.
>
> No issues in ie7 or Firefox - can someone tell me what I'm doing
> wrong?

Perhaps fixing errors would help. It appears you are using an underscore
to comment out changes in the CSS. That's an error; use real CSS comment
markers: /* this is a comment */

<http://jigsaw.w3.org/css-validator/....au%2Fdrupal%2F>

Fixing these may help as well.
<http://validator.w3.org/check?verbo....au%2Fdrupal%2F>
"This page is not Valid XHTML 1.0 Strict!
Result: Failed validation, 43 Errors"

--
-bts
-Motorcycles defy gravity; cars just suck

2007-09-25, 6:17 pm

<battle.chris@XXXXXXXXXX> wrote in message
news:1190721397.348495.254180@n39g2000hsh.googlegroups.com...
> Hi all.
>
> Any advice appreciated - I'm floating an image right and the text to
> the left of the image is being forced down about 5px from the top of
> the containing area. You can see the issue here:
> http://www.cbcgroup.com.au/drupal.

Which of those images would you be talking about? I see almost no difference
in any of them.

Ah, the image of a, room I presume. So what? A couple of pixels.

img {vertical align: bottom:} perhaps?

> No issues in ie7 or Firefox - can someone tell me what I'm doing
> wrong?

You are using stupidly small font sizes. I tried to find the font size you
are using using firebug but your CSS is just so way over the top bloated
that I gave up. What is it with this reset.css and all the others?

You are worring about pixel perfect positioning.

You have a fixed width page that will never exactly fit in *my* browser
canvas.

You are wasting a huge amount of vertical pixels in a picture of some sort
of building at the top of your page. To what effect? Does it impress me? No.

You have failed to gain my attention within the 10 second timespan you have.
Just another one of *those* sites.

--
Richard.

Jim Moe

2007-09-25, 6:17 pm

dorayme

2007-09-25, 6:17 pm

In article <H57Ki.2032$H22.786@news-server.bigpond.net.au>,
"rf" <rf@invalid.com> wrote:

> You have failed to gain my attention within the 10 second timespan you have.
> Just another one of *those* sites.

You had to add that, being the prick that you are.

--
dorayme

Ben Bacarisse

2007-09-25, 10:16 pm

battle.chris@XXXXXXXXXX writes:

> Any advice appreciated
<snip>
> http://www.cbcgroup.com.au/drupal.
>
> No issues in ie7 or Firefox

Not what you were asking about, but on my system, at the settings I
usually use, your menu texts wrap to two lines and overlap. You may
see this yourself if you enlarge the font size in FF, on say the
"current projects" page.

--
Ben.

2007-09-25, 10:16 pm

"dorayme" <doraymeRidThis@optusnet.com.au> wrote in message
news:doraymeRidThis-8CBFBF.07184426092007@news-vip.optusnet.com.au...
> In article <H57Ki.2032$H22.786@news-server.bigpond.net.au>,
> "rf" <rf@invalid.com> wrote:
>
>
> You had to add that, being the prick that you are.

I'm entitled to my opinion and that page simply did not grab me. Being in
alt.html.critique I actually looked at it for over a minute trying to find
out what the company actually does, to no avail.

Now, piss off, XXXXX and stop whining.

--
Richard.

dorayme

2007-09-25, 10:16 pm

In article <44hKi.2149$H22.739@news-server.bigpond.net.au>,
"rf" <rf@invalid.com> wrote:

> "dorayme" <doraymeRidThis@optusnet.com.au> wrote in message
> news:doraymeRidThis-8CBFBF.07184426092007@news-vip.optusnet.com.au...
>
> I'm entitled to my opinion and that page simply did not grab me. Being in
> alt.html.critique I actually looked at it for over a minute trying to find
> out what the company actually does, to no avail.
>
> Now, piss off, XXXXX and stop whining.

Listen up earthling, unlike me, you need to worry about the
press. It looks bad to act like a pompous shit all the time, to
treat your expertise as a license to crap on others. Try to
behave yourself.

An interesting use of the word "entitled" here, you really do see
the payoff for you as being dumping on your fellow earthlings.
You must have other ways to get your kicks. No? What a shame.

You would really think that a couple of residents of a small
country like this one could at least get on, but you have proved
to be such a waspish wanker, ready to fly off the handle,
misinterpret so much, fail to read between lines, unable to take
some mildly meant jocular references and the list goes on. You
are what my old pa used to call a "Shit of the First Waters". I
have never really understood this phrase... ah ... what's the use
of chatting to you...

Now, go find a hill and ski down it, it does not matter that
there is no snow, try to adapt and ski down it anyway. (I know
some bits at the cliff edges near Coogee that are a bit downhill
that might suit. Want some jpgs to help you locate them?)

--
dorayme

Gus Richter

2007-09-25, 10:16 pm

battle.chris@XXXXXXXXXX wrote:
> Hi all.
>
> Any advice appreciated - I'm floating an image right and the text to
> the left of the image is being forced down about 5px from the top of
> the containing area. You can see the issue here: http://www.cbcgroup.com.au/drupal.
>
> No issues in ie7 or Firefox - can someone tell me what I'm doing
> wrong?

You have a "Collapsing Margins" occurrence, causing the extra white
space, below the horizontal red line.

It may be possible to locate the cause, but it's not worthwhile. The
reason is embedded somewhere among the numerous and superfluous divs you
use to create vertical space. Many, many, in fact most of the divs
should be removed from your markup, the page simplified and in other
words completely redone, IMHO.

I will give you an instance of the image of a man wrapped in a div which
is not necessary. Simply use the image and float it left and the
subsequent text <h1> and <p> will all flow around the image. (Wrap the
whole thing in a single div wrapper.)

The second instance is that of the patio image floated to the right this
time and the <h1>, <h2> and the following text will all flow around this
image as well. Also lose the <ul> which you use simply to create
vertical space. (Again, wrap this complete section in another Div wrapper.)

On the right side your "Latest News & Events" should have only a div
wrapper without the other divs and again a <ul> for vertical spacing.

On the bottom right side you don't need a div - at most a div wrapper
(if at all necessary).

The bottom line is to use the KISS principle and use a 2-column method, eh?

--
Gus

battle.chris@gmail.com

2007-09-26, 3:16 am

On Sep 25, 9:56 pm, battle.ch...@XXXXXXXXXX wrote:
> Hi all.
>
> Any advice appreciated - I'm floating an image right and the text to
> the left of the image is being forced down about 5px from the top of
> the containing area. You can see the issue here:http://www.cbcgroup.com.au/drupal.
>
> No issues in ie7 or Firefox - can someone tell me what I'm doing
> wrong?
>
> Thanks.

Wow - what a hammering.

Thanks to all you guys who've been constructive.

jonic79

2007-10-07, 8:18 pm

I also looked at your site wirh Safari 2.0.4 and there's a bug in the 'latest news & events section'.
July 2/07 - all the text is muddled together and you can't read it. The August 7/07 section is fine.
No such issue with Firefox although Safari and Firefox seem to often have the same bugs.