www.webdeveloper.com
Results 1 to 2 of 2

Thread: Layout doesn't expand

  1. #1
    Join Date
    Mar 2006
    Posts
    58

    Layout doesn't expand

    This is my layout http://examples.awardspace.com/

    You see the content box doesn't repeat in FireFox but it does in IE. How can I make it repeat in Firefox?

    CSS code

    Code:
    body {
    	background-image: url(images/bg.jpg);
    	background-repeat: repeat;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: normal;
    	color: #10659C;
    }
    #Top {
    	position:absolute;
    	width:200px;
    	height:115px;
    	z-index:3;
    }
    #Content {
    	background-image: url(images/index_03.jpg);
    	background-repeat: repeat-y;
    	padding: 10px;
    	position:absolute;
    	width:389px;
    	height:212px;
    	z-index:1;
    	left: 30px;
    	top: 417px;
    }
    #Nav {
    	position:absolute;
    	width:239px;
    	height:166px;
    	z-index:2;
    	left: 483px;
    	top: 417px;
    }
    a:link {
    	color: #10659C;
    	text-decoration: none;
    }
    a:visited {
    	color: #10659C;
    	text-decoration: none;
    }
    a:hover {
    	color: #000066;
    	text-decoration: none;
    }
    a:active {
    	color: #10659C;
    	text-decoration: none;
    }
    Last edited by Ruriko; 08-04-2006 at 08:09 PM.

  2. #2
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    It does repeat - the problem is that you have set the height of the Content div to 212px, which is less than the actual content. I would suggest getting rid of the height declaration completely, and letting the div size itself to the contents.

    Cheers
    Graeme

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles