Hi,
I'm getting a bit frustrated...I work in dreamweaver cs4 and have managed to set my table borders to my liking (had to put everything inside a single table or all the tables ended up with the same effect which I wanted to be global around all not individual) but...
When I preview in either firefox, opera, safari etc... I end up with an extra frame border the size of entire display page. See attached pic.
What I mean is...my centered table of 800 x 860 is fine and centered with the desired borders but the outside area's full screen has an extra border exactly like the one I created for the table.
Can anyone tell me what I'm doing wrong?
Here's my css code:
<style type="text/css">
<!--
body,td,th {
font-family: Verdana;
font-size: 15px;
color: #000;
border-top-color: #999;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #999;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 2px;
border-right-width: 8px;
border-bottom-width: 8px;
unicode-bidi: 6;
border-left-width: 2px;
font-stretch: 2;
direction: 8;
}
body {
background-color: #ffffff;
background-image: url(file:///E|/griffin_graffix/website/site_images/background_green.jpg);
}
.Hometext {
font-family: Verdana;
font-size: 15px;
color: #CCC;
font-weight: normal;
line-height: normal;
text-align: center;
font-style: normal;
}
a:link {
color: #99B883;
}
a:visited {
color: #6F3;
border-top-style: none;
}
a:hover {
color: #FC0;
}
.Hometext h1 font {
font-family: Verdana;
font-size: x-large;
font-weight: lighter;
font-style: normal;
letter-spacing: 0.1em;
}
.centeredtext { font-family: Verdana;
text-align: center;
line-height: 25px;
}
.footer {
font-family: Verdana;
font-size: 10px;
color: #719135;
}
-->
</style>
Thanks!