FF incompatibillty

Discussion in 'CSS' started by vitaminp, Dec 30, 2006.

0
  1. #1
    I'm fairly new to doing entire CSS layouts and my first attempt hasn't gone exactly the way I like it. I just can't figure out why its not displaying correctly in FF when it works in both Opera and IE.

    The problems are on http://winningspot.com

    The site is split into three sections... Header, Body, Footer - Each with their own containers.

    The problem I have is that the Body displays to one side of the page when I really don't want it to

    This is the container for the body:

    #mainContent {
    overflow: auto;
    width: 750px;
    }

    I have tried to change the 'position' attribute to no avail.
     
    vitaminp, Dec 30, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Try doing this: 
    
#mainContent {}

#homepageLeft {
	width: 400px;
	float: left;
	padding: 5px;
	text-align: justify;
    }

#homepageRight {
    margin-bottom: 10px;
    }
    Code (markup):
    cheers,

    gary
     
    kk5st, Dec 30, 2006 IP
  3. vitaminp

    vitaminp Peon

    Messages:
    202
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for the info gary however it didnt help

    homepageLeft/homepageRight are sub-layout elements that appear on the homepage only, whilst the problem occurs sitewide.

    I have foudn that if i remove 'overflow' from the #mainContent ID then the content isnt shifted to the right, however...

    this now means that the 'big image' now overlaps the ad at the bottom, as well as some other problems im sure. does anybody have a workaround for this?
     
    vitaminp, Dec 31, 2006 IP