469,333 Members | 4,241 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,333 developers. It's quick & easy.

IE vs Firefox : Floats, Margins, Clears etc

Hi,

Before I get to far, I've been making some modifications, but I need to
make sure Im on the right track.

Here's what I have so far:

http://celebrity.blargle.co.uk/test2.html

Well before the main changes.

Displays great in Firefox, but IE completely distorts it.

The "clear"ing div, destroys the margin on the leftborder div, which is
needed to expand the divs and therefore the borders beyond the scope of
the news column on the right to make a pretty box.

So, at this stage, Im figuring, if we remove the margin on the
left-border, we need to change the left border to add an extra 175
pixels to the left of it to ensure it aligns correctly, then set a
margin-left of 175px on the centrecontent.

Seems to work. But Im not sure if it's the best way?

Also Im sure there's a better way of doing the DIV's... I keep thinking
in terms of minimal slices of graphics rather than minimal html, so,
when building a horizontal border, I could quite easily have a left
corner and then a long long border of 2000 pixels, then have a separate
right corner...

So instead of

A B C (where B can expand)

Maybe I should do

ABBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB BBBBBB C
where B's can shrink?

God I hate IE.

The only other two problems, if you look at:

http://celebrity.blargle.co.uk - the Menu DIV seems to be causing some
kind of a break character and nudging out the "headercontent" div
slightly? I figure this is something to do with line breaks, but unable
to find the key to make this work.

Also I had a problem, the News links on the right, although the a tags
were set to display:block, the hover event wasn't triggered until I was
over the text. Just waving the mouse over white space had no effect.

But once the hover was triggered, I could wave the mouse over some of
the white space, and hover was still triggered until I moved outside of
the block.

Secondly, I note in IE I cannot do a h1:hover etc. Any workarounds?

Thanks
Simon
Mar 13 '07 #1
0 1619

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

7 posts views Thread by Drew Martin | last post: by
18 posts views Thread by Niels | last post: by
6 posts views Thread by Drue | last post: by
3 posts views Thread by ffrugone | last post: by
11 posts views Thread by listerofsmeg01 | last post: by
2 posts views Thread by ottawamom | last post: by
3 posts views Thread by alice | last post: by
6 posts views Thread by Hendrik Maryns | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by suresh191 | last post: by
reply views Thread by Marylou17 | last post: by
1 post views Thread by Marylou17 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.