Results 1 to 6 of 6

Thread: CSS Div Overlaps

  1. #1
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default CSS Div Overlaps

    Hi, I am currently making a website with some divs that i want to float over the footer. Its working in FF but the footer seems to be overlapping them in IE. Ive tried almost everything and cant seem to figure it out. Any help would be appreciated. heres the link:

    http://www.lincolnbuyinggroup.com/new/

    Thanks in advance!
    Last edited by cbier; 11-23-2008 at 09:33 PM.

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Have you tried using the z-index? the higher the number the further up the layers it sits...
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. The Following User Says Thank You to BLiZZaRD For This Useful Post:

    cbier (11-16-2008)

  4. #3
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    I have tried that, and I just tried again, but it is not working. Heres the code:

    Code:
    <style type="text/css">
    
    #allContent {
    	width: 1000px;
    	background:#FFFFFF;
    	font-family:arial;
    	font-size:12px;
            margin-left:auto;
            margin-right:auto;
    	margin-top:0px;
    }
    
    #head { 
    	float:center;
    	width:1000px;
    	height: 280px;
    }
    
    #body {
    	background-image:url(images/lbgbody.jpg);
    	height:300px;
    	width:1000px;
    	float:center;
    	background-repeat:no-repeat;
    }
    
    #sidebar {
    	background-image:url(images/bgtrans.png);
    	float:left;
    	width:255px;
    	height:600px;
    	padding-top:5px;
    	padding-left:10px;
    }
    
    #sidebartitle {
    	width:250px;
    	height:25px;
    	color:#FFFFFF;
    	font-weight:bold;
    	font-family:arial;
    	}
    
    #sidebarwrap{
    	margin-top: 60px;
    	float:left;
    	margin-left: 10px;
    }
    
    #contentwrap {
    
    	float:right;
    	width:698px;
    	height:600px;
    	margin-right:10px;
    
    	
    }
    #contenttitle {
    	
    	width:700px;
    	height:25px;
    	color:#FFFFFF;
    	font-weight:bold;
    	font-family:arial;
    	float:right;
    
    
    }
    #contentmain{
    	background-image:url(images/bgtrans.png);
    	height:600px;
    	width:690px;
    	float:right;
    	border: 0px solid;
    	padding-top:5px;
    	padding-left:10px;
    	
    
    }
    #footer{
    	background-image:url(images/lbgfoot.png);
    	height:500px;
    	background-repeat:no-repeat;	
    	display: block;
    }
    	
    </style>

  5. #4
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Start here:

    anylink css errors

    html/css errors

    fix those up and your problem may vanish. If not at least everything will be easier to read
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  6. The Following User Says Thank You to BLiZZaRD For This Useful Post:

    cbier (11-16-2008)

  7. #5
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    Thanks! I used z-index on the content boxes rather then the footer. This has fixed the problem.

  8. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    If the problem has been fixed, edit your first post and ad the Resolved prefix.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •