7 replies [Last post]
justspiffy
Offline
Regular
Last seen: 14 years 16 weeks ago
Joined: 2007-12-13
Posts: 16
Points: 0

Hi everyone.
I just put a site up live last night and it was brought to my attention that in firefox and IE6, there is a line through the body of the page. I am just a beginner at this, and an doing this site for my company. Could someone take a peak and maybe let me know what i am doing wrong. Thanks

The site is: http://www.mornington.ca/residential/index.html

Here is the css:

#head { margin: 0px 0px 0px 0px; background-image:url(image/logo6.jpg); width:830px; height:294px; position:relative; } #head ul{ background-color:#91AC62; width:794px; border: 3px solid #FFFFFF; display:block; top:255px; position:absolute; margin: 0px 0px 0px 0px; height:22px; padding:5px 0px 0px 0px; text-align:center; } #head li{ display:inline; } #head ul a{ text-decoration:none; color:#FFFFFF; margin: 0px 15px; } #head ul a:hover{ text-decoration:underline; color:#28556b; } #logo_w1{ top:13px; left:586px; font-size: 14px; font-style:normal; color:#FFFFFF; position:absolute; width: 227px; font-family: Verdana, Arial, Helvetica, sans-serif; } #logo_w2{ top:63px; left:315px; position: absolute; width: 462px; font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial; font-size: 14px; color: #FFFFFF; height: 21px; } #logo_w2 a{ color:#FFFFFF; font-size: 14px; } #logo_w2 a:hover{ color:#9DC7EC; }

#logo_w3{
top:200px;
left:78px;
position: absolute;
width: 262px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 40px;
}
#logo_w3 a{
color:#FFFFFF;
font-size: 14px;
}
#logo_w3 a:hover{
color:#9DC7EC;
}
#head_text {
top:89px;
left:97px;
width:230px;
position:absolute;
}
#head_text p{
font-size: 18px;
color:#FFFFFF;
}
#head_text a{color:#28556b}
#head_text a:hover{color:#c77e0c;}

#text {
background-image:url(image/bg.gif);
width:830px;
}
img{
border-width:0px;
}
h1{
color:#000000;
font-size:14px;
margin: 20px 0px 20px 0px;
}

h2{
color:#85a157;
font-size:15px;

}
#left {
float:left;
width:150px;
margin-left:15px;
padding: 0px 10px 30px 0px;
display:inline;
margin-top:60px;
border-right: #FFF 2px solid;

}
#left a{color:#28556b;}
#left a:hover{color:#28556b;}

#right {
width:810px;
padding: 0px 10px 10px 10px;
position: absolute;
}
#leftmain {
float:left;
width:162px;
margin-left:20px;
padding: 0px 10px 30px 0px;
display:inline;

}

#mainer {
width:804px;
clear: none;
margin: auto;

}

#rightmain {
float:right;
width:565px;
padding: 0px 10px 30px 0px;
display:inline;
border-color: #333333;
border-bottom: 1px;
margin-right: 20px;

}

#maintxttop {
width:804px;
background-image: url(image/topmain.jpg);
height: 24px;
float: none;
}

#maintxt {
width:804px;
background-image: url(image/midmain.jpg);
}
#maintxt a{
color:#FFFFFF;
}
#maintxt a:hover{
color:#85a157;
}
#mainbtm {
background-image:url(image/bottommain.jpg);
height:21px;
color: #FFFFFF;
clear: both;
width: 804px;
}

#menutxttop {
width:162px;
background-image: url(image/topmenu.jpg);
height: 20px;
margin-left: 15px;
float: left;
z-index: 1;
}

#menutxt {
width:162px;
float: left;
z-index: 1;
top: 343px;
left: 88px;
margin-left: 15px;
background-image: url(image/midmenu.jpg);
background-repeat: no-repeat;
background-color: #8fc1eb;
}
#menutxt a{
color:#FFFFFF;
}
#menutxt a:hover{
color:#0033FF;
}
#menubtm {
background-image:url(image/bottommenu.jpg);
height:22px;
color: #FFFFFF;
clear: both;
width: 162px;
margin-left: 15px;
float: left;
z-index: 1;
}

#right a{
color:#c77e0c;
}
#right a:hover{
color:#85a157;
}

#phone{
top:349px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
margin-left: 45px;
background-image: url(image/telephone.jpg);
}
#phonetext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;

}
#phonetext a{
color:#666666;
}
#phonetext a:hover{
color:#2b589c;
}
#internet{
top:0px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 12px;
color: #FFFFFF;
height: 152px;
left: 240px;
background-image: url(image/internet.jpg);
}
#internet a{
color:#FFFFFF;
font-size: 12px;
}
#internet a:hover{
color:#9DC7EC;
}
#internettext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#internettext a{
color:#666666;
}
#internettext a:hover{
color:#2b589c;
}

#cellular{
top:0px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 12px;
color: #FFFFFF;
height: 151px;
left: 481px;
background-image: url(image/cellular.jpg);
}
#cellular a{
color:#FFFFFF;
font-size: 12px;
}
#cellular a:hover{
color:#9DC7EC;
}

#cellulartext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#cellulartext a{
color:#666666;
}
#cellulartext a:hover{
color:#2b589c;
}

#tv{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 0px;
background-image: url(image/iptv.jpg);
}
#tv a{
color:#FFFFFF;
font-size: 12px;
}
#tv a:hover{
color:#9DC7EC;
}

#tvtext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#tvtext a{
color:#666666;
}
#tvtext a:hover{
color:#2b589c;
}

#ipcom{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 0px;
background-image: url(image/ipcen.jpg);
}
#ipcom a{
color:#FFFFFF;
font-size: 12px;
}
#ipcom a:hover{
color:#9DC7EC;
}

#ipcomtext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#ipcomtext a{
color:#666666;
}
#ipcomtext a:hover{
color:#2b589c;
}

#voip{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 240px;
background-image: url(image/voip.jpg);
}
#voip a{
color:#FFFFFF;
font-size: 12px;
}
#voip a:hover{
color:#9DC7EC;
}
#voiptext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#voiptext a{
color:#666666;
}
#voiptext a:hover{
color:#2b589c;
}
#security{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 481px;
background-image: url(image/security.jpg);
}
#security a{
color:#FFFFFF;
font-size: 12px;
}
#security a:hover{
color:#9DC7EC;
}

#securitytext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 99px;
margin-left: 25px;
z-index: 1;
left: 3px;

}
#securitytext a{
color:#666666;
}
#securitytext a:hover{
color:#2b589c;
}
#footer {s
width:830px;
font-size: 10px;
color: #FFFFFF;
clear: both;

}
#footer a{
color:#FFFFFF;
font-size: 10px;
}
#footer a:hover{
color:#FFFFFF;
}

#bottomline {
background-image:url(image/bottom.gif);
font-size:10px;
height:27px;
background-color: #9bc7eb;
color: #FFFFFF;
clear: both;
}

#vmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vmenu h1 {
display: block;

font-size: 90%;
padding: 3px 0 5px 3px;

color: #996600;
margin: 0px;
width:159px;
}

#vmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vmenu ul li {
margin: 0px;
padding: 0px;
}
#vmenu ul li a {
font-size: 80%;
display: block;

padding: 5px 0px 2px 4px;
text-decoration: none;
color: #996600;
width:160px;
}

#vmenu ul li a:hover, #vmenu ul li a:focus, #vmenu ul li a:active {
color: #000000;

}

.menu2 {
color: #000066;
font-size: 10px;
display: block;
padding-right: 4px;
padding-top: 2px;
text-decoration: none;
padding-left: 50px;
text-indent: -19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #ffffff;
}
.menuheader {
color: #FFFFFF;
font-size: 12px;
text-align: left;
padding-right: 4px;
padding-left: 35px;
display: block;
text-decoration: none;
font-family: Tahoma, Arial;
height: 18px;
padding-top: 4px;
font-weight: bold;
border-bottom-style: solid;
border-color: #ffffff;
border-bottom: 1px;
}

.menu1:hover, .menu2:hover, .menuheader:hover
{
text-decoration: none;
color: #0033CC;
}

justspiffy
Offline
Regular
Last seen: 14 years 16 weeks ago
Joined: 2007-12-13
Posts: 16
Points: 0

Firefox Fixed - Not sure about IE6

Just an update, I was able to get it fixed in Firefox. It was only 2 pages that needed fixing as I had checked the other before and fixed them. Still not sure how it is looking for IE6 and I do not have it. Any help would be great!!!!

Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 7 years 34 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

Where?

I checked your site with IE6, FF2.0, Opera and Safari. I don't know what line you are talking about. There is nothing that appears odd to me. Maybe you specify the area or the div, or you ask for a screenshot from the computer where it appears.

Caposoft
Caposoft's picture
Offline
Enthusiast
Last seen: 7 years 34 weeks ago
Timezone: GMT+1
Joined: 2008-03-16
Posts: 330
Points: 118

Sincronicity

Caposoft wrote:
I checked your site with IE6, FF2.0, Opera and Safari. I don't know what line you are talking about. There is nothing that appears odd to me. Maybe you specify the area or the div, or you ask for a screenshot from the computer where it appears.

Well, no wonder I didn't see anything. As I said IE6 is doing fine

justspiffy
Offline
Regular
Last seen: 14 years 16 weeks ago
Joined: 2007-12-13
Posts: 16
Points: 0

I was able to get a screen

I was able to get a screen shot of what it is doing in IE6. Its like the right side is to big to fit, but it works in all other browsers??

AttachmentSize
untitled.jpg 193.15 KB
justspiffy
Offline
Regular
Last seen: 14 years 16 weeks ago
Joined: 2007-12-13
Posts: 16
Points: 0

Code

Here is the URL

http://www.mornington.ca/residential/cellular/index.html

and here is the css for these pages:
(Its either the div id="rightmain" div id="maintxttop" div id="maintxt" or div id="textmain" .. I Think)

body { background-color:#cccccc; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 10px; padding: 0px; } .clear{clear:both;} * { margin: 0px; padding: 0px; } #whole { margin: 0px auto; text-align: left; width: 830px; }

a:link {
color: 996600;
text-decoration: none;
}
a:visited {
color: 996600;
text-decoration: none;
}
a:hover {
color: 996600;
text-decoration: underline;
}
a:active {
color: 996600;
text-decoration: none;
}

.style3 {color: #666666}
.style6 {color: #996600}

a{
font-size:12px;
}
p{
margin: 15px 0px;
}

#head {
margin: 0px 0px 0px 0px;
background-image:url(image/logo6.jpg);
width:830px;
height:294px;
position:relative;
}
#head ul{
background-color:#91AC62;
width:794px;
border: 3px solid #FFFFFF;
display:block;
top:255px;
position:absolute;
margin: 0px 0px 0px 0px;
height:22px;
padding:5px 0px 0px 0px;
text-align:center;
}
#head li{
display:inline;
}
#head ul a{
text-decoration:none;
color:#FFFFFF;
margin: 0px 15px;
}
#head ul a:hover{
text-decoration:underline;
color:#28556b;
}
#logo_w1{
top:13px;
left:586px;
font-size: 14px;
font-style:normal;
color:#FFFFFF;
position:absolute;
width: 227px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#logo_w2{
top:63px;
left:315px;
position: absolute;
width: 462px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 21px;
}
#logo_w2 a{
color:#FFFFFF;
font-size: 14px;
}
#logo_w2 a:hover{
color:#9DC7EC;
}

#logo_w3{
top:200px;
left:78px;
position: absolute;
width: 262px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 40px;
}
#logo_w3 a{
color:#FFFFFF;
font-size: 14px;
}
#logo_w3 a:hover{
color:#9DC7EC;
}
#head_text {
top:89px;
left:97px;
width:230px;
position:absolute;
}
#head_text p{
font-size: 18px;
color:#FFFFFF;
}
#head_text a{color:#28556b}
#head_text a:hover{color:#c77e0c;}

#text {
background-image:url(image/bg.gif);
width:830px;
position: absolute;
}
img{
border-width:0px;
}
h1{
font-size:14px;
margin: 20px 0px 20px 0px;
}

h2{
color:#85a157;
font-size:15px;

}
#left {
float:left;
width:160px;
margin-left:15px;
padding: 0px 10px 30px 0px;
display:inline;
margin-top:60px;
border-right: #FFF 2px solid;

}

#right {
width:810px;
padding: 0px 10px 10px 10px;
height: 60px;
}
#leftmain {
float:left;
width:155px;
margin-left:10px;
padding: 0px 10px 30px 0px;
display:inline;

}

#rightmain {
float:right;
width:620px;
margin-right: 12px;
clear: none;

}

#maintxttop {
width:617px;
background-image: url(image/topmain1.jpg);
height: 21px;
float: right;
}

#maintxt {
width:617px;
background-image: url(image/midmain1.jpg);
float: right;

}
#maintxt a{
color: #004e93;
}
#maintxt a:hover{
color:#70A9FE;
}
#mainbtm {
background-image:url(image/bottommain1.jpg);
height:21px;
color: #FFFFFF;
clear: both;
width: 617px;
float: right;
}

#textmain {
width:570px;
background-image: url(image/midmain1.jpg);
font-family: Tahoma, Arial;
font-size: 12px;
color: #333333;
padding: 27;
margin-left: auto;
margin-right: auto;
}

#textmain ul li{
list-style-position: outside;
display: list-item;
margin-left:15px;

}
#phonemain{
top:40px;
width: 550px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
height: 178px;
z-index: 1;
border-color: #CCCCCC;
background-image: url(image/whitemain.gif);
margin-left: auto;
margin-right: auto;

}
#phoneone{
top:40px;
width: 160px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 156px;
z-index: 1;
float: left;
border-right: 3px;
border-right-style: solid;
border-color: #558fc1;
padding-top: 17px;
padding-left: 19px;
margin-top: 3px;
margin-left: 3px;

}
#phoneone a{
color:#666666;
text-decoration: underline;
}
#phoneone a:hover{
color:#2b589c;
}

#phonetwo{
top:40px;
width: 166px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 156px;
margin-left: 0px;
z-index: 1;
float: left;
border-color: #558fc1;
border-right: 3px;
border-right-style: solid;
padding-left: 15px;
padding-top: 17px;
margin-top: 3px;

}
#phonetwo a{
color:#666666;
text-decoration: underline;
}
#phonetwo a:hover{
color:#2b589c;
}
#phonethree{
top:40px;
width: 166px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 156px;
margin-left: 0px;
z-index: 1;
float: left;
border-color: #CCCCCC;
padding-top: 20px;
padding-left: 15px;

}
#phonethree a{
color:#666666;
text-decoration: underline;
}
#phonethree a:hover{
color:#2b589c;
}
.title {
font-family: Tahoma, Arial;
font-size: 16px;
color: #004e93;
font-weight: bold;
}
.subtitle {
font-family: Tahoma, Arial;
font-size: 14px;
color: #004e93;
font-weight: bold;
}
.subsubtitle {
font-family: Tahoma, Arial;
font-size: 13px;
color: #004e93;
font-weight: bold;
}

#txtmain a{
color:#004e93;
}
#txtmain a:hover{
color:#85a157;
}
#menutxttop {
width:174px;
background-image: url(image/topmenu.jpg);
height: 25px;
margin-left: 4px;
float: left;
z-index: 1;
}

#menutxt {
width:174px;
float: left;
z-index: 1;
top: 343px;
left: 88px;
margin-left: 4px;
background-color: #ffffff;
}
#menubtm {
background-image:url(image/bottommenu.jpg);
height:26px;
clear: both;
width: 174px;
margin-left: 4px;
float: left;
z-index: 1;

}

#right a{
color:#c77e0c;
}
#right a:hover{
color:#85a157;
}

#phone{
top:349px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
margin-left: 45px;
background-image: url(image/telephone.jpg);
}
#phonetext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;

}
#phonetext a{
color:#666666;
}
#phonetext a:hover{
color:#2b589c;
}
#internet{
top:0px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 12px;
color: #FFFFFF;
height: 152px;
left: 240px;
background-image: url(image/internet.jpg);
}
#internet a{
color:#FFFFFF;
font-size: 12px;
}
#internet a:hover{
color:#9DC7EC;
}
#internettext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#internettext a{
color:#666666;
}
#internettext a:hover{
color:#2b589c;
}

#cellular{
top:0px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 12px;
color: #FFFFFF;
height: 151px;
left: 481px;
background-image: url(image/cellular.jpg);
}
#cellular a{
color:#FFFFFF;
font-size: 12px;
}
#cellular a:hover{
color:#9DC7EC;
}

#cellulartext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#cellulartext a{
color:#666666;
}
#cellulartext a:hover{
color:#2b589c;
}

#tv{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 0px;
background-image: url(image/iptv.jpg);
}
#tv a{
color:#FFFFFF;
font-size: 12px;
}
#tv a:hover{
color:#9DC7EC;
}

#tvtext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#tvtext a{
color:#666666;
}
#tvtext a:hover{
color:#2b589c;
}

#ipcom{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 0px;
background-image: url(image/iptv.jpg);
}
#ipcom a{
color:#FFFFFF;
font-size: 12px;
}
#ipcom a:hover{
color:#9DC7EC;
}

#ipcomtext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#ipcomtext a{
color:#666666;
}
#ipcomtext a:hover{
color:#2b589c;
}

#voip{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 240px;
background-image: url(image/voip.jpg);
}
#voip a{
color:#FFFFFF;
font-size: 12px;
}
#voip a:hover{
color:#9DC7EC;
}
#voiptext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#voiptext a{
color:#666666;
}
#voiptext a:hover{
color:#2b589c;
}
#security{
top:158px;
position: absolute;
width: 240px;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
font-size: 14px;
color: #FFFFFF;
height: 150px;
left: 481px;
background-image: url(image/security.jpg);
}
#security a{
color:#FFFFFF;
font-size: 12px;
}
#security a:hover{
color:#9DC7EC;
}

#securitytext{
top:41px;
position: absolute;
width: 136px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
height: 103px;
margin-left: 25px;
z-index: 1;
left: 2px;

}
#securitytext a{
color:#666666;
}
#securitytext a:hover{
color:#2b589c;
}
#footer {
font-size: 10px;
color: #FFFFFF;
clear: both;

}
#footer a{
color:#FFFFFF;
font-size: 10px;
}
#footer a:hover{
color:#FFFFFF;
}

#bottomline {
background-image:url(image/bottom.gif);
font-size:10px;
height:27px;
background-color: #9bc7eb;
color: #FFFFFF;
clear: both;
}

#vmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vmenu h1 {
display: block;

font-size: 90%;
padding: 3px 0 5px 3px;

color: #996600;
margin: 0px;
width:159px;
}

#vmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vmenu ul li {
margin: 0px;
padding: 0px;
}
#vmenu ul li a {
font-size: 80%;
display: block;

padding: 5px 0px 2px 4px;
text-decoration: none;
color: #996600;
width:160px;
}

#vmenu ul li a:hover, #vmenu ul li a:focus, #vmenu ul li a:active {
color: #000000;

}

.menu1 {
color: #FFFFFF;
font-size: 13px;
display: block;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
background-image: url(image/menu1.jpg);
height: 19px;
border-top-color: #FFFFFF;
border-top: 1px;
border-top-style: solid;
text-decoration: none;
padding-left: 45px;

}.menu2 {
color: #FFFFFF;
font-size: 13px;
display: block;
text-decoration: none;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
background-image: url(image/menu2.jpg);
height: 18px;
border-top-color: #FFFFFF;
border-top: 1px;
border-top-style: solid;
padding-left: 45px;

}.menu3 {
color: #FFFFFF;
font-size: 13px;
display: block;
text-decoration: none;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
height: 17px;
background-image: url(image/menu3.jpg);
border-top-color: #FFFFFF;
border-top: 1px;
border-top-style: solid;
padding-left: 45px;

}.menu4 {
color: #FFFFFF;
font-size: 13px;
display: block;
text-decoration: none;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
height: 18px;
background-image: url(image/menu4.jpg);
border-top-color: #FFFFFF;
border-top: 1px;
border-top-style: solid;
padding-left: 45px;

}.menu5 {
color: #FFFFFF;
font-size: 13px;
display: block;
text-decoration: none;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
height: 18px;
background-image: url(image/menu5.jpg);
border-top-color: #FFFFFF;
border-top: 1px;
border-top-style: solid;
padding-left: 45px;

}
.menu6 {
color: #FFFFFF;
font-size: 13px;
display: block;
text-decoration: none;
font-family: "Franklin Gothic Medium", "Franklin Gothic Medium Cond", Arial;
height: 18px;
background-image: url(image/menu6.jpg);
border-top-color: #FFFFFF;
border-top: 1px;
border-top-style: solid;
border-bottom: 1px;
border-bottom-style: solid;
border-color: #ffffff;
padding-left: 45px;

}
.menuwhite {
color: #004e93;
font-size: 12px;
display: block;
font-family: Tahoma, Arial;
height: 18px;
padding-top: 2px;
padding-left: 20px;
}

.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover, .menu5:hover, .menu6:hover,
{
text-decoration: none;
color: #0033CC;
}

.menuwhite:hover
{
text-decoration: none;
color: #70A9FE;
}

.leftpic {
float: left;
margin-right: 15px;
margin-bottom: 15px;

}

.rightpic {
float: right;
margin-left: 15px;
margin-bottom: 15px;

}
.bordertop {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6DAEE2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6DAEE2;
padding: 2px;

}
.borderbottom {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6DAEE2;
padding: 2px;

}
.borderaroundtop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6DAEE2;
padding: 2px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #6DAEE2;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6DAEE2;

}
.borderaround {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6DAEE2;
padding: 2px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #6DAEE2;

}
.box {

border: 1px solid #004E93;
}
.button {
font-family: Tahoma, Arial;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #6386BB;
}
.borderbottomonly{
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #004e93;
}

.borderbottomsmall{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

.borderright{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ffffff;
}
}.style11 {font-size: 10px}
{

fermp
fermp's picture
Offline
newbie
Last seen: 14 years 16 weeks ago
Joined: 2008-06-05
Posts: 9
Points: 0

Extra Line?

Hello Spiffy!

Looks to me like IE 6's wonderful Margin bug. You can use:

style="float: left; display: inline"

and this might help fix your problem.

To read a little more on what I think is your problem follow this link to a great article on it:

http://www.positioniseverything.net/explorer/floatIndent.html

justspiffy
Offline
Regular
Last seen: 14 years 16 weeks ago
Joined: 2007-12-13
Posts: 16
Points: 0

thanks for your help

thanks for your help everyone. i was playing around with it and just moved the right div over a bit more. Its pretty centered now, but it seems that the spacing is different from one computer to another, and with different or the same browsers. I VPN'd into 3 different machines and they all looked different. Sometimes there is a little more spacing on the right between the big white box and the edge than the links on the left and the egde. or vice versa. Id like there to not be as much space between the left and right now, but if I make the spacing less, then on some browsers it doesnt fit at all and the main white box goes under everything else like in the picture!!
Here is the link again
http://www.mornington.ca/residential/internet/roaming.html

if anyone has any advice for this, that would be great. my head is getting a bit sore from bashing it against the monitor Tongue