Please Assist Cross Browser problem

  old&nojob 21:57 17 Aug 06
Locked

I have a problem with a wb page I am doing in DrmWvr8. It looks OK in IE6 and Opera8 but presents a problem in Netscape 8 anf FFox1.0.6.

On this site [email protected]/index.html" title="http://uk.geocities.com/[email protected]/index.html" TARGET="_new">click here you will see a javascript moving slideshow. It is supposed to have a pink border and a blue background. Where it fails there is no border or background and even though floated left (the div containing the slideshow) the text of the two following paras does not wrap around it.

I would be gratefulif you experts could give me a clue.

I ma developing the site locally and it runs in IIS but I do'nt think this is relevant. he Javascript is an include as you can see. Do'nt worry about the rest o the page as its a bit of a blak canvas so far.

I am not sure you needto see the javascript but here is the css:

/* HTML tag styles */

body{
font-family: "comic sans MS", Verdana, Tahoma, sans-serif;
color: #639241;
line-height: 1.166;
margin: 0px;
padding: 0px;
text-align: justify;
font-size: 1em;
background-color: #fee7a9;
border: 0px;
}

a:link, a:hover {
color: #639241;
text-decoration: none;
}
a:visited{
color: #639241;
text-decoration: none;
background-color: 8dcff4;
}
a:hover {
text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
font-family: "comic sans MS", Verdana, Arial, sans-serif;
margin: 0px;
padding: 0px;
color: #639241;
}

h1{
font-size: 120%;
}


h2{
font-size: 114%;
}

h3{
font-size: 100%;
}


h4{
font-size: 100%;
font-weight: normal;
}

h5{
font-size: 100%;
}

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

label{
font: bold 100% Arial,sans-serif;
color: #334d55;
}


/***********************************************/
/* Layout Divs */
/***********************************************/

#masthead{
margin: 1px;
padding: 10px 0px;
border: 1px solid #89ca5a;
width: 756px;
position: relative;
}

#navBar{
margin: 0 79% 0 0;
padding: 0px;
background-color: #bee281;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#content{
margin: 0;
padding: 0 3% 0 0;
float: right;
}


/*************** #pageName styles **************/

#pageName{
padding: 10px 0px 10px 0px;
text-align: center;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px;
white-space: nowrap;
text-align: center;
font-size: 120%;
margin-top: 20px;
color: #639241;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
this will force a horizontal scrollbar if there isn't enough room for all links
remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
display: block;
}

#globalNav a {
font-size: 90%;
padding: 0px 4px;
font-weight: bold;
}
Rest of Css in following POST!

  Eric10 18:36 18 Aug 06

Near the bottom of your style sheet '2col_leftNav.css' is a section of code that imports another style sheet:

"@import url(lghtboc.css};"

If you remove this then the border appears in Firefox and the text falls into its correct place. It would appear that something in the imported sheet is over ruling your main style sheet.

Since your link to your website messed it can be found. click here

  old&nojob 18:52 18 Aug 06

Thanks eric10. I had used a Drmwvr 8 CSS template and modified it. I will check the source to find out how it got there. Once again, thanks for your time.

  Eric10 19:52 18 Aug 06

'lghtboc.css' doesn't appear to be anywhere on your site so it may be that when the import fails it terminates the reading of your stylesheet at that point.

This thread is now locked and can not be replied to.

Huawei P10 review

1995-2015: How technology has changed the world in 20 years

An overview: What leading creative agencies are doing to improve diversity

New iPad, iPhone SE & Red iPhone 7 on sale now