471,598 Members | 1,200 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,598 software developers and data experts.

ie6 float issue driving me crazy

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.

Sep 25 '07 #1
6 3754
ba**********@gmail.com 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/validator?profile=css2&warning=2&uri=http%3A%2F%2F www.cbcgroup.com.au%2Fdrupal%2F>

Fixing these may help as well.
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.cbcgroup.com. au%2Fdrupal%2F>
"This page is not Valid XHTML 1.0 Strict!
Result: Failed validation, 43 Errors"

--
-bts
-Motorcycles defy gravity; cars just suck
Sep 25 '07 #2
rf

<ba**********@gmail.comwrote in message
news:11**********************@n39g2000hsh.googlegr oups.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.
Sep 25 '07 #3
In article <H5****************@news-server.bigpond.net.au>,
"rf" <rf@invalid.comwrote:
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
Sep 25 '07 #4
ba**********@gmail.com 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.
Sep 25 '07 #5
ba**********@gmail.com 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 <h1and <pwill 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>, <h2and the following text will all flow around this
image as well. Also lose the <ulwhich 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 <ulfor 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
Sep 26 '07 #6
On Sep 25, 9:56 pm, battle.ch...@gmail.com 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.

Sep 26 '07 #7

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by dont bother | last post: by
reply views Thread by Shapper | last post: by
5 posts views Thread by DougS | last post: by
1 post views Thread by Miguel Dias Moura | last post: by
5 posts views Thread by Pupeno | last post: by
3 posts views Thread by JD | last post: by
3 posts views Thread by rashpal.sidhu | last post: by
5 posts views Thread by mark4asp | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.