Box shading
Rick Horrix
perfectly in IE5.5 but not at all in IE6.0, anyone know where I'm going
wrong here - or is IE6.0 not yet ready for general use ?
TIA
Rick
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional //EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>IE6 StyleSheet Failure</title>
<style type='text/css'>
body
{
font-family:verdana,sans-serif;
color: #000000;
background: #006666;
font-size: medium;
}
.shade
{
margin: 60px 15%;
padding: .5em;
color: #000000;
background: #004444;
}
.page
{
background: #ffffff;
color: #000000;
margin: -1em 0 0 -1em;
padding: 1.5em;
border: thin solid #000000;
}
</style>
</head>
<body>
<div class='shade'>
<div class='page'>
When viewed with Internet Explorer 5.5 the black border around the page, and
the shading to the right and below it are clearly visible.<br>
When viewed with Internet Explorer 6.0 the shading below the page is
missing, and the border is clearly broken.
</div>
</div>
</body>
</html>
Rowland Shaw
Try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional //EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>IE6 StyleSheet Failure</title>
<style type='text/css'>
body
{
font-family: verdana, sans-serif;
color: black;
background: #006666;
font-size: medium;
}
.shade
{
margin: 60px 15%;
padding-right: .5em;
padding-bottom: .5em;
background: #004444;
}
.page
{
background: white;
color: black;
margin-left: -.5em;
margin-top: -.5em;
padding: 1.5em;
border: thin solid black;
}
</style>
</head>
<body>
<div class='shade'>
<div class='page'>
<p>When viewed with Internet Explorer 5.5 the black border around the page,
and the shading to the right and below it are clearly visible.<br>
When viewed with Internet Explorer 6.0 the shading below the page is
missing, and the border is clearly broken.</p>
</div>
</div>
</body>
</html>
"Rick Horrix" <ri...@fourfront.ltd.uk> wrote in message
news:#q5ngVncBHA.2288@tkmsftngp05...
> At the bottom of this post is a simple .html page with css which works
> perfectly in IE5.5 but not at all in IE6.0, anyone know where I'm going
> wrong here - or is IE6.0 not yet ready for general use ?
[snip]
Rick Horrix
Thanks for your reply, this is not quite right though - if you look at the
top right corner there should be an offset between the corner of the page
and the corner of the shadow as evident at the bottom left corner.
No matter what I try I cannot seem to get this working in IE6 - any more
ideas ?
TIA
Rick
Rowland Shaw <spamf...@anotherpointless.org> wrote in message
news:#hnLsmocBHA.1476@tkmsftngp07...
Rowland Shaw
I thought I did well to get the bottom border and the border fixed though ;)
If I remember, I'll look at it in the morning -- I'm currently frazzling my
brain by getting XSLT to do things it wasn't designed to do :o)
"Rick Horrix" <ri...@fourfront.ltd.uk> wrote...
> Thanks for your reply, this is not quite right though - if you look at the
> top right corner there should be an offset between the corner of the page
> and the corner of the shadow as evident at the bottom left corner.
> No matter what I try I cannot seem to get this working in IE6 - any more
> ideas ?
>
>
> Rowland Shaw <spamf...@anotherpointless.org> wrote...
> > Negative borders are generally considered a "bad thing"
> >
> > Try this:
> >
[snip]
> >
> >
> > "Rick Horrix" <ri...@fourfront.ltd.uk> wrote...
Rick Horrix
Any help you can give me on this is much appreciated - I know it's 99%
there, but it's always the last 1% thats most important.
Let me know if you find anything, thanks Rick
Rowland Shaw <spamf...@anotherpointless.org> wrote in message
news:ONxQ#ZqcBHA.896@tkmsftngp05...
Rowland Shaw
Naturally, I've only tested it in IE6, but I like it :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional //EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>IE6 StyleSheet Failure</title>
<style type='text/css'>
body
{
font-family: verdana, sans-serif;
color: black;
background: #006666;
font-size: medium;
}
.container
{
margin: 60px 15%;
background: #004444;
}
.shade
{
position: relative;
left: .5em;
top: .5em;
background: #004444;
}
.page
{
background: white;
color: black;
right: .5em;
bottom: .5em;
position: relative;
padding: 1.5em;
border: thin solid black;
}
</style>
</head>
<body>
<div class="container">
<div class='shadow'></div>
<div class='page'>
When viewed with Internet Explorer 5.5 the black border around the page, and
the shading to the right and below it are clearly visible.<br>
When viewed with Internet Explorer 6.0 the shading below the page is
missing, and the border is clearly broken.
</div>
</div>
</body>
</html>
"Rick Horrix" <ri...@fourfront.ltd.uk> wrote...
> Any help you can give me on this is much appreciated - I know it's 99%
> there, but it's always the last 1% thats most important.
> Let me know if you find anything, thanks Rick
>
>
> Rowland Shaw <spamf...@anotherpointless.org> wrote...
> > Doh...
> >
> > I thought I did well to get the bottom border and the border fixed
though
> > ;)
> >
> > If I remember, I'll look at it in the morning -- I'm currently frazzling
> > my brain by getting XSLT to do things it wasn't designed to do :o)
> >
> >
> > "Rick Horrix" <ri...@fourfront.ltd.uk> wrote...
> > > Thanks for your reply, this is not quite right though - if you look at
> > > the top right corner there should be an offset between the corner of
the
> > > page and the corner of the shadow as evident at the bottom left
corner.
> > > No matter what I try I cannot seem to get this working in IE6 - any
more
> > > ideas ?
> > >
> > >
> > > Rowland Shaw <spamf...@anotherpointless.org> wrote...
> > > > Negative borders are generally considered a "bad thing"
> > > >
> > > >
Rick Horrix
Thanks very much Rowland
Rowland Shaw <spamf...@anotherpointless.org> wrote in message
news:O1yxqMzcBHA.2212@tkmsftngp05...
Rowland Shaw
Glad to help :0)
"Rick Horrix" <ri...@fourfront.ltd.uk> wrote...
> You're a genius ;o)
> Thanks very much Rowland
>
>
> Rowland Shaw <spamf...@anotherpointless.org> wrote...