P
Paolo
Hi at all
it is first times that I try really to use css and I have a problem with
msie.
I'ld want to show my puppy into a page
that contain a centered <div> that must contain a resized photo that really
is 800 pixels width (fully displayed in other page)
div#puppies must be centered and 50% of the browser window
the table into the div must be 100% of the div
and the photo that is into the td must be 75% of width div
I tryed so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> my puppies</TITLE>
<style>
div#puppies
{background-color:#99FF99;
color:black;
width:50%;
border:solid 3px red;
text-align:center;
left:25% !important;
position:fixed;
top:25%;
z-index:10;
font-weight:900;
}
div#puppies table{width:100%;border:0}
div#puppies table
caption{padding-top:0.5em;color:red;font-size:120%;background-color:#99FF99;caption-side:top;}
div#puppies table tr
td{font-size:80%;text-align:center;vertical-align:middle;font-weight:900;}
div#puppies table tr td img{width:75%}
</style>
</HEAD>
<BODY>
<div id="puppies">
<table>
<caption>My 2007 puppies</caption>
<tr><td><img src="images/ppp.gif">
<tr><td><h3>This year was borned 6 new Labrador</h3>
</table>
</div>
</BODY>
</HTML>
using ff Div is displayed without errors (the image is centered and
resized into the centerd div )
But with MSIE the image is fully displayed and the div is not centered
Can you help me please?
it is first times that I try really to use css and I have a problem with
msie.
I'ld want to show my puppy into a page
that contain a centered <div> that must contain a resized photo that really
is 800 pixels width (fully displayed in other page)
div#puppies must be centered and 50% of the browser window
the table into the div must be 100% of the div
and the photo that is into the td must be 75% of width div
I tryed so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> my puppies</TITLE>
<style>
div#puppies
{background-color:#99FF99;
color:black;
width:50%;
border:solid 3px red;
text-align:center;
left:25% !important;
position:fixed;
top:25%;
z-index:10;
font-weight:900;
}
div#puppies table{width:100%;border:0}
div#puppies table
caption{padding-top:0.5em;color:red;font-size:120%;background-color:#99FF99;caption-side:top;}
div#puppies table tr
td{font-size:80%;text-align:center;vertical-align:middle;font-weight:900;}
div#puppies table tr td img{width:75%}
</style>
</HEAD>
<BODY>
<div id="puppies">
<table>
<caption>My 2007 puppies</caption>
<tr><td><img src="images/ppp.gif">
<tr><td><h3>This year was borned 6 new Labrador</h3>
</table>
</div>
</BODY>
</HTML>
using ff Div is displayed without errors (the image is centered and
resized into the centerd div )
But with MSIE the image is fully displayed and the div is not centered
Can you help me please?