Let me introduce myself. I've been lurking for a couple of weeks and have
found some very helpful to questions already but now I seem to be unable to
make progress! I'm an old dog and learning new tricks is much harder than it
was so I've missed the obvious it's down to my age!
I set myself a task of moving away from frames to CSS2 & have had partial
success but a couple of things are proving intractable.
I'm using IE6 and I think I've used a DTD that will ensure Standards mode.
The basic design is a header 75px high and 100% wide containing a logo
floated to the left and two lines of text (using <BR>) and a footer of
height auto. The rest of the screen is split in two. Left hand column is
normally a navigation tree and but in opening page it's an image. The
right-hand column the actual content. In the event of an overflow of either
the appropriate scroll bar(s) should appear. I've left the background grey
so we can see what's going on more easily.
Problem 1: There is a gap to the right of the header and footer. Westciv
said that there was an IE bug of leaving a scrollbar's width to the left but
using right: not left: would fix it. It seems not.
Problem 2: overflow:auto; isn't working. At some point in my tests it did
but that must have been with a different DTD.
Problem 3: It seems to me that using images in one column gives a problem.
Ideally both height and width should be auto to ensure that the whole image
just fits but then there's a problem with the width of the right hand
column. Ideally I'd like to be able to specify 100%-image width. Any
suggestions for managing this?.
Problem 4: Descenders on the bottom line in the footer are disappearing. I
don't think it's a screen artefact. How do I best get a bit more
"white"space at the bottom?
The urls are:
Well just writing this email has solved some problems as I've double-checked
St Thomas Dudley Webmaster
Publicity Officer Spire Appeal Committee