On Tue, 1 Jul 2008 08:24:25 -0700 (PDT)
@c58g2000hsc.googlegroups.com>
Inhttp://topvolleyantwerpen.be/pIhave spacing under the Nieuws
Items. It appears that a spacing is creating under div.content . I
tried to remove padding and marging but that didn't solve it. [snip]
IE 6 or less would require additional rules, not only for the
content but also for the transparent images.
[snip] Please remove signatures when replying.
The overflow: hidden indeed solved (
http://topvolleyantwerpen.be/p)
the problem for FF. in IE 6 I still no background repeating patern
though (as you predicted). Someonehas an idea why the patern isn't
visible?
in IE6 also the red botom part of the logo is put on the right side
instead of the left side.
div.content div.logo_left_top
{
position: absolute;
left: 0px;
top: 0px;
}
I can solve this by entering ie 6 specific code ( left: -950px; )
but maybe there is another solution?
I suggest you use a conditional comment to target IE 6. This can be
done with either a style element or a link element if you desire an
external style sheet.
The basic fix for IE 6 is to trigger something called haslayout, feel
free to google up on it. Do do this in this example just add zoom:1 to
the div.content in a conditional comment similar to the following
example.
I also suggest you add a vertical-align rule to the .menu_item rule. In
your source it may not be required, however that depends on the
white space in the source. If you were to run you page through tidy for
example, you may end up with a space under your logo that would be
difficult to trace unless you know what you are looking for.
<!--[if IE 6]>
<style type="text/css">
div.content {
zoom:1;}
.menu_item img {
vertical-align:middle;}
</style>
<![endif]-->
You sill have not fixed the errors in the validation, all you have to
do is move the script elements that you have between the head and the
body, just move it to the head I think would be fine.
After that you can switch to a strict document type, just replace:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
with
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd">
and you will have a strict document.
With that being said with just a little more effort you could have an
html 4.01 strict document.
You will still need to work on your style sheets as far as the
font-size is concerned. You really have no control of the font-size,
all you can do is suggest a font-size, but you can make it a bit more
usable.
Any element that you have text in, if you set a height to it, it should
be in em rather then px. em units will adjust with the text size, px
will not.
--
BootNic Tue Jul 1, 2008 03:00 pm
You can turn painful situations around through laughter. If you can
find humor in anything - even poverty - you can survive it.
*Bill Cosby*
signature.asc
1KDownloaden
