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