I've been reading through the forums for awhile and haven't found any great solutions to a recent problem. I am trying my darndest to center a container div with one color to the left of it and another to the right (white and sky blue respectively). Within the container div is a class called Canvas which contains a gradient background image which merges the two colors.
IE loves my current code, Netscape doesn't. I, of course, am aware that this rarely means that NETSCAPE is wrong... simply that IE is probably letting me bend a rule somewhere. Can anyone help me figure out what rule I'm bending and suggest a way to achieve the desired result WITHOUT bending the rules? The page files can be found at:
<!-- m --><a class="postlink" href="http://jerremie.com/otg/otgtemplate.htm">http://jerremie.com/otg/otgtemplate.htm</a><!-- m -->
<!-- m --><a class="postlink" href="http://jerremie.com/otg/otgtemplate.css">http://jerremie.com/otg/otgtemplate.css</a><!-- m -->
The photos below indicate the difference between the IE display and the Netscape display. Again, I LIKE AND WANT the gradient effect between left and right colors. Please send help.
Very much appreciated,
jerremiePut the background: url(images/skybgrnd760.gif) repeat-y; on the body.
Take the position:relative off the #container.
Change the left position to right:80px on the p.canvas.
Set the background:transparent url(images/skybgrnd760.gif) repeat-y; on the p.canvas.
Set width:50% on p.left.
Do something to fix the logo position.
IE loves my current code, Netscape doesn't. I, of course, am aware that this rarely means that NETSCAPE is wrong... simply that IE is probably letting me bend a rule somewhere. Can anyone help me figure out what rule I'm bending and suggest a way to achieve the desired result WITHOUT bending the rules? The page files can be found at:
<!-- m --><a class="postlink" href="http://jerremie.com/otg/otgtemplate.htm">http://jerremie.com/otg/otgtemplate.htm</a><!-- m -->
<!-- m --><a class="postlink" href="http://jerremie.com/otg/otgtemplate.css">http://jerremie.com/otg/otgtemplate.css</a><!-- m -->
The photos below indicate the difference between the IE display and the Netscape display. Again, I LIKE AND WANT the gradient effect between left and right colors. Please send help.
Very much appreciated,
jerremiePut the background: url(images/skybgrnd760.gif) repeat-y; on the body.
Take the position:relative off the #container.
Change the left position to right:80px on the p.canvas.
Set the background:transparent url(images/skybgrnd760.gif) repeat-y; on the p.canvas.
Set width:50% on p.left.
Do something to fix the logo position.