Printable View
Hi,
My site www.it-pathways.com is displaying correctly in IE 9, but it looks terrible in Firefox. The header displays incorrectly and the page background is non existent.
I am not a professional developer and to be honest am not really sure what to look at in order to resolve.
I was wondering if someone would be kind enough to look over the code and let me know what I've done wrong (code structure, syntax, css or a combination?)
Thanks in advance,
Andres
Correction to my previous description. My site displays correctly in IE9 if i select compatibility view.
Hi,
do you have some screenshot to compare with???
it seems to me the paths to the pictures in the css are wrong. For exaple:
#header .br {
background: url("/images/header_br4.jpg") no-repeat scroll right bottom transparent;
width: 100%;
}
if the CSS file is in a "css" folder the path to images were
#header .br {
background: url("../images/header_br4.jpg") no-repeat scroll right bottom transparent;
width: 100%;
}
If the css file is not in a folder the path will look like this
#header .br {
background: url("images/header_br4.jpg") no-repeat scroll right bottom transparent;
width: 100%;
}
Add an "overflow:auto" to your #wrapper div. The stuff inside it is floated, so they aren't "in the flow" of the wrapper div.
$adriana, that is not correct about the images. /images/header_br4.jpg is a perfectly good path to the images, assuming they are in a folder called images at the top of the site (which it appears they are).
Dave
