peter newton wrote:
I've decided to throw down the gloves, give up on tables and give
xml/css a go. Now I'm expecting problems and sure enough I've found
my 1st one.
You'll run into a few more as you go along. Nothing to worry about.
http://devnz.scripterz.org/test2.html
and if you look at it in ie6 what you see is basically what I want.
(ignore the border anomolies) However as soon as I view it using:-
Opera (8.5) Firefox (1.0.7) & Netscape(6)
It all goes wrong.
That's because 'standard compliant browsers' need to know what an
'absolute positioned' element relates to. IE/win is sloppy and doesn't
care about such "unimportant" details as 'standards'.
In your case both '#left' and '#right' relates to '#main', so that's
what we tell the good browsers.
Add:
#main {
position: relative;
}
...and they'll calculate dimensions and positions just fine.
---
Now, there are some weaknesses in your solution. They are pretty common
for starters (I believe :-) ), and a good start is important.
1: 'absolute positioning' take elements out of the flow, which means the
risk of overlapping and lack of adjustment to such elements if they
contain anything but fixed-size images.
Advice: don't use 'AP' for large areas of a page. We usually style large
areas as 'floats' or leave them 'in the flow', depending on what we
want as result.
2: if you use 'absolute positioning', then it would be wise to start by
positioning them; using 'top:nn' & 'left:nn', and not just rely on
margins and 'dead in the water' -position.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
