Please Assist Cross Browser problem

  old&nojob 21:57 17 Aug 2006
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 2006

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 2006

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 2006

'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.

Elsewhere on IDG sites

Alienware 17 R4 2017 review

These brilliant Lego posters show just what children's imaginations are capable of

Mac power user tips and hidden tricks

Comment réinitialiser votre PC, ordinateur portable ou tablette Windows ?