View Single Post
  #1 (permalink)  
Old March 27th, 2005, 03:25 AM
bcat bcat is offline
Registered User
 
Join Date: Mar 2005
Location: , , .
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Default <style> tags in a <body> vs. <div>

I have been creating a website, solely using CSS and HTML. This particular site revolves aroung a 225px. image on the left side of the screen with all of the content to the right of that picture.

The problem that I am having is that when I put <style> tags into a <div>, it works in Netscape, Opera, and Safari; but not IExplorer. I was given the advice to remove this tag and put it in the <body> tag. When I did this, nothing recongized the 225px image, not even Netscape.

This is a very importand quiestion that my ENTIRE site revolves around and works with all browsers except the widely-used Internet Explorer. Cen you please help me with this problem?

The exact advice given to me was remove:
div.top {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     backgroung-image: url('nav.jpg');
     background-repeat: repeat-y;
 }

and replace that with:

body {
     background-image: url('nav.jpg');
     background-repeat: repeat-y;
 }

The problem with the <body> tag is that NO BROWSER recognizes it.