...

View Full Version : Why is NS doing this?



kraftomatic
10-07-2004, 03:19 PM
Hey Guys,

Can you please take a look at the following link and give me some advice on how to make the grey (#ccc) line along the left and ride side of the page stretch all the way down in NS? It looks fine in IE, but only goes part way down in Netscape. Here's the link:

http://www.witchkraftracing.com/test/index_ns.html

Here's the stylesheet:


body {
/*overflow: auto;*/
margin: 0px;
padding: 0px;
background-color: #f7f7f7;
height: 100%;
font-family: Verdana, Arial, sans-serif;
}

#content {
position: absolute;
float: left;
left: 50%;
width: 760px;
height: 100%;
margin-left: -380px;
border: 1px solid #ccc;
border-width: 0 1px;
background-color: #fff;
/*border:1px solid #ffcc00;*/
}
body>#content {
margin-left:-380px; /* Correct value. */
}

#topHeader {
width: 760px;
height: 50px;
margin: 0px;
padding: 0px;
border-bottom: 5px solid #39515A;
/*border: 1px solid #ffcc00;*/
}

#imgHeader {
width: 760px;
height: 150px;
margin: 0px;
padding: 0px;
background: #f7f7f7;
border-top: 4px solid #fff;
border-bottom: 3px solid #fff;
/*border: 1px solid #ffcc00;*/
}

#nav {
margin: 0 0 10px 0;
padding: 3px 0 0 0;
height: 20px;
background: #999;
text-align: center;
border-top: 5px solid #39515A;
border-bottom: 1px solid #39515A;
/*border: 1px solid #ffcc00;*/
}

.navElements {
padding: 1px 10px 2px 10px;
font-size: 12px;
color: #fff;
font-variant: small-caps;
text-align: center;
/*border: 1px solid #ccc;
border-width: 0 1px;*/
/*border: 1px solid #ffcc00;*/
}

#date {
width: 506px;
margin: 0 0 0 254px;
padding: 0px;
color: #999;
text-align: center;
/*border: 1px solid #ffcc00;*/
}

#rowOne {
width: 760px;
height: 150px;
margin: 0px;
padding: 0px;
background: #000;
border: 1px solid #ccc;
border-width: 1px 0px;
}

#rowOneLeft {
float: left;
width: 253px;
height: 150px;
margin: 0px;
padding: 0px;
background: #fff;
/*background: url(images/angledLines.jpg) no-repeat;*/
border-right: 1px solid #ccc;
}

#rowOneLeft ul li {
background: url(images/arrow1.gif) no-repeat 2px 4px;
margin: 10px 0 0 0;
display: block;
padding: 0 0 0 15px;
line-height: 15px;
color: #666;
/*border: 1px solid #000;*/
}

#rowOneRight {
float: left;
width: 506px;
height: 150px;
margin: 0px;
padding: 0px;
background: #FF9A00;
/*background: url(images/rowOneRight.jpg) no-repeat;*/
}

#rowTwo {
width: 760px;
height: 200px;
margin: 0px;
padding: 0px;
background: #fff;
border-bottom: 5px solid #ccc;
/*border: 1px solid #000;*/
}

#rowTwoLeft, #rowTwoMiddle {
float: left;
width: 253px;
height: 200px;
border-right: 1px solid #ccc;
/*border: 1px solid #000;*/
}

.rowTwoLeftImage {
float: left;
margin: 10px 5px 0px 5px;
/*border: 1px solid #000;*/
}

.rowTwoLeftText {
float: left;
width: 120px;
height: 70px;
margin: 10px 0 0 0;
/*border: 1px solid #000;*/
}

.rowTwoLeftText ul li {
background: url(images/arrow2.gif) no-repeat 70px 11px;
margin: 0 0 0 -10px;
padding: 8px 0 0 0;
display: block;
color: #666;
/*border: 1px solid #000;*/
}

#rowTwoMiddleTable {
float: left;
margin: 10px;
color: #39515A;
/*border: 1px solid #ffcc00;*/
}

/* for IE */
* html #rowTwoMiddleTable {margin: 10px 5px 5px 5px;}


#rowTwoMiddleTable ul li {
background: url(images/arrow2.gif) no-repeat 140px 7px;
width: 180px;
margin: 5px 0 0 -10px;
padding: 4px 0 0 0;
display: block;
color: #666;
/*border: 1px solid #000;*/
}

#rowTwoRight {
float: left;
width: 252px;
height: 200px;
/*border: 1px solid #ffcc00;*/
}

.rowTwoRightTop {
float: left;
width: 210px;
height: 34px;
margin: 10px;
/*border: 1px solid #000;*/
}
/* for IE */
* html .rowTwoRightTop {margin: 10px 10px 10px 5px;}

.rowTwoRightMiddle {
height: 60px;
margin: 10px;
/*border: 1px solid #000;*/
}
/* for IE */
* html .rowTwoRightMiddle {margin: 0px 5px 10px 10px;}

#rowTwoRight ul li {
background: url(images/arrow2.gif) no-repeat 135px 7px;
margin: 27px 0 0 -10px;
padding: 4px 0 0 10px;
display: block;
color: #666;
/*border: 1px solid #000;*/
}

#rowTwoLeftHeader, #rowTwoMiddleHeader, #rowTwoRightHeader {
float: left;
width: 252px;
height: 20px;
background: #f7f7f7;
padding: 0 0 5px 0;
}

/* for IE */
* html #rowTwoLeftHeader, * html #rowTwoMiddleHeader, * html #rowTwoRightHeader {padding-bottom: 0px;}


#footer {
/*position:absolute;*/
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #999;
margin: 2px 0 2px 1px;
padding: 0;
bottom: 0;
width: 750px;
background: #fff;
/*clear: both;*/
/*border: 1px solid #ffcc00;*/
}

#e {
text-align: left;
color: #999;
margin: 0px;
padding: 5px 0;
bottom: 0;
width: 100%;
background: #39515A;
/*border: 1px solid #ffcc00;*/
}


/* links */

a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #152F49;
}

a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #336699;
}

a.rowTwo, a.rowTwo:link, a.rowTwo:visited {
color: #DF670E;
font-weight: bold;
}

a.rowTwo:hover {
color: #F5954E;
}

a.subLinks, a.subLinks:link, a.subLinks:visited {
font-size: 10px;
text-decoration: none;
}

a.subLinks:hover {
text-decoration: underline;
color: #666;
/*border: 1px solid #ffcc00;*/
}

a.navElements, a.navElements:link, a.navElements:visited {
margin: 0px;
padding: 0px;
color: #fff;
text-decoration: none;
}

a.navElements:hover {
background: #ACADAD;
}

a.blueBG, a.blueBG:link, a.blueBG:visited {
color: #152F49;
font-size: 11px;
}

a.blueBG:hover {
background: #E6F4FB;
}

a.redlink, a.redlink:link, a.redlink:visited {
font-size: 11px;
color: #BD1C08;
}

a.redlink:hover {
font-size: 11px;
color: #FE260B;
}

/* text */

p {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 16px;
color: #333333;
margin: 10px 0 10px 0;
padding: 0px;
}

p.greyBG {
color: #152F49;
font-weight: bold;
padding: 3px;
background: #f7f7f7;
}

p.header {
font-size: 11px;
margin: 0px;
color: #DF670E;
font-weight: bold;
}

p.subHeader {
font-size: 10px;
color: #333;
margin: 0 0 0 5px;
}

p.header1 {
margin: 5px 0 0 10px;
color: #39515A;
font-weight: bold;
}

p.header2 {
margin: 0 0 2px 0;
font-size: 11px; /* needed so links don't load at 10px on first load */
font-weight: bold;
}

p.rowTwoHeaderText {
font-size: 10px;
font-weight: bold;
color: #333;
margin: 0 0 0 10px;
padding: 5px;
}

p.textLink {
color: #000;
margin: 0px;
height: 30px;
border: 1px solid #000;
}

img {
border: 0px;
}
/* this is for having text alongside an image */
.imgAndText {
float: left;
padding-right: 10px;
}

td {
font-size: 10px;
}

td.header {
color: #DEE7EF;
}

ul {
margin: 5px 0 0 10px;
padding: 0px;
}

.textbox
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
}

.button
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}

Thanks!

gohankid77
10-07-2004, 03:29 PM
I take it you mean the bottom section? You want the white space below the grey bar at the bottom to show up in NS? Hmm... I'll see what I can do, but many other members are smarter than me.

kraftomatic
10-07-2004, 03:40 PM
There's a 1 pixel line that extends the length of the page on both the left and right of the "main content". It's stretches all the way in IE, but only to "rowOne" in NS.

Does that make sense?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum