I have a <div> controlled two column layout in my site (www.robvantol.net). The Right hand column is an alternating set of <h2> and <h3> tags, to create a stripped effect.
This works fine, except for a bug in Printing (you can look at it using Print Preview). In IE6 the column runs on and on for pages, overlapping the two tags. In NN6/Moz the column is rendered OK, but stops at the bottom of the first page. And in Opera 7, is prints properly.
Obviously these Browsers (except Opera) are adding properties to these header tags that I haven't set in my style sheet. Anyone have any idea which attributes I have to set to zero to override the Browser's own style sheet? Or a URL that describes the attributes the Browsers add-on for "free"?
And one I didn't realise, on the homepage I'd added media=screen to the <link rel="stylesheet" type="text/css" href="rvt01.css" /> line. I wondered what that did! I didn't realise this would change the homepage's print behaviour. Which offers an alternate possibility to fiddling with the <h#> tags attributes, preparing a separate style sheet for print media. (I've taken it off for now).
I was going to suggest you use media="screen" anyway and then use media="print" in another stylesheet to control the print layout.
If you use media ="screen" your page will print out without css formatting and you can just set up a few simple formats in the print stylesheet. You can hide images/elements/divs etc by using display : none in your print stylesheet.
PS: Ie 5.5, win nt at 1280 res, cant read a single thing on the page without using the font size buttons in IE. Normally because fo work pages, I have it defaulted to small.. Well, your page, the fonts are now so small they are unreadable..
Course if I adjust the font size in IE medium, its fine..
Well, if you're using 1280 AND the smaller view in IE, you've either got good eyes, or many websites set their fonts to fixed sizes, or both!
This discussion group is mainly fixed font, for example - flicking between Meium - Smaller and even Smallest views have almost no effect. But then using Larger and Largest views have only a small effect too.
Fixed fonts are a bad thing for people with poor eyes. My CSS uses ems for font size, with allows the range of font sizes to be much greater - so that Largest view is GIANT SIZED
That said, I think I've over done the difference between the main body text, and the text in the side panels, and that needs tweaking to make the panel text larger. Then it probably would be viewable in the Smaller view.
Well of course, the sadness is, I did use <div> for layout, till someone advised me to use <h#>. So the next version of the site will swop them all back - what a bore.
But of course, <h#> do have layout properties, thanks to their inheritant properties in the broswers - so if you use them at all, but do not override the inheritant browser style sheet, then your content will still have structure. Which is one of the guidelines of the W3C for level 2 accessibility - it allows your CSS to be switched off and the page to still have some meaning.