"Grischa Brockhaus" <z0****@arcor.d ewrote in message
news:44******** *************** @newsspool2.arc or-online.net...
Hi,
I'm trying to produce a div layout containing a header on the top with
fixed height, a footer on the
bottom using fixed height and a content layer using what's left of the
browsers window.
>
So my header div is defined at top:0; height:40px , my footer is defined
as bottom:0; height:40px
and the content is defined as top:40px;bottom :40px;
This works very well with firefox but doesn't work with IE, as IE ignores
the bottom statement of
the content div, if a top statement is given.
How do I realize it correctly?
#1 There are print issues to be considered. Make sure that the foot banner
either disappears or is inserted into the flow for print media or it will
obscure text in the printout. There is a *_substantial_* market share held
by printed media as many people prefer to print a web page and take it into
the kitchen to read over a cup of coffee, or outside to read in the sun.
Keep your print media specification simple; B&W, no unnecessary margins,
etc. People who print your material will greatly appreciate your respect of
their economy.
#2 You need to use the Strict HTML 4.01 DTD for fixed containers to work
reliably, which makes frames unreliable and not valid.
#3 IE5, IE5.5, IE6, IE7 all put the scrollbar on the wrong side of the
container edge (inside) making it disappear altogether if the contained
containers are not positioned at least "right:16px ".
#4 IE5, IE5.5, IE6, IE7 all then add the width of the scrollbar to 100% of
the width of the container, so if your scrolling container is supposed to be
100% of screen width and not going to put the scrollbar outside the browser
viewing area, its width needs to be set to 99% instead of 100%!
#5 You now have to write fairly equal code to both IE and Gecko, as IE7 now
reads the hierarchical references in a cascading style sheet just like Gecko
& Opera eg: body>div.conten t {margin:111px 95px 45px 165px}
Points #3 & #4 & #5 present an interesting little conundrum whose solution
leaves a less than equal presentation in browsers not using the IE engine.
This can be compensated for by making the background of the HTML element
equal in colour to the background of your fixed containers. For the
suspicious of mind, the tactic of ignoring key aspects of certain standards
is called, "Market Segmentation".. .
I might suggest that branding and core navigation features such as menu
system and site information toolbar go in the head banner at the top,
localised navigation goes in the sidebar to the left, advertising and
eCommerce goes in the adbar to the right, and if required, qualifications
and reference buttons go in the foot banner along the bottom. See
www.fieldcraft.com.au for an example. Frames cannot be reliably applied
under the strict HTML 4.01 standard. In my experience, the Frameset version
of HTML 4.01 isn't quite so friendly to the practical application of fixed
containers.
On the use of iFrames...
If you are trying to keep the SPAM harvesters out of email contacts and
eCommerce buttons, then encrypt your eCommerce buttons and set your email
contact on an unindexed page (set robots metatag to "noindex,nofoll ow") by
itself with a suitable harvester trap and use mixed plain text, and various
forms of encoding for characters (some starting with #, some with %, & some
with &). The UAs get it but people out to make an easy buck generally don't
have the energy to code around little hurdles like this. Thanks to people
like the folks ate
www.monkeys.com/wpoison, SPAMmers are getting the message
that if they don't want to have their databases poisoned all the time, they
have to leave unindexed pages alone.
If you are trying to hide your source code, talk to your hosting provider
and get it tucked away on the server to run server side. This ensures that
everyone benefits from your work and that the only people capable of
stealing your source code are those who wouldn't need it!
If the content is common to multiple pages, then use server side includes to
import from a single file.
Just some thoughts. Hope some of this is useful to you...
--
Timothy Casey GPEMC! >11950 is the
nu****@fieldcra ft.biz 2email
Terms & conditions apply. See
www.fieldcraft.biz/GPEMC
Discover valid interoperable web menus, IE security, TSR Control,
& the most advanced speed reading application @
www.fieldcraft.biz