www.webdeveloper.com
Results 1 to 5 of 5

Thread: IE not scrolling/cut off

  1. #1
    Join Date
    Nov 2005
    Posts
    3

    IE not scrolling/cut off

    http://www.flexties.be/productverkoop/index.php

    if you look at the source you'll see there's more text than displayed.. only happens in IE... Anyone has a clue?

    the CSS that matters
    Code:
    body{
    	background-color: White;
    	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    	margin: 0px 0px 0px 0px;
    }
    table{
    	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
    #container{
    	width: 768px;
    	left: 40px;
    	top: 5px;
    }
    #header{
    	left: 40px;
    	width: 768px;
    	height: 162px;
    	background-image: url(images/header.jpg);
    	position: absolute;
    }
    #navigation{
    	width: 768px;
    	height: 29px;
    	background-image: url(images/navigation.jpg);
    	margin: 0px 14px 0px 14px;
    	text-align: center;
    	vertical-align: bottom;
    	position: relative;
    	top:162px;
    	left:26px;	
    }
    
    #main{
    	position:relative;
    	background: url(images/contentbkgr.jpg) repeat-y center;
    	left:40px;
    	top:160px;
    }
    
    #content{
    	width:531px;
    	left:-32px;
    	float:right;
    	position: relative;
    }
    
    #contentstart{
    	width: 768px;
    	height: 12px;
    	background-image: url(images/contenttop.jpg);
    	background-repeat: repeat-y;
    }
    
    #contentend{
    	width: 768px;
    	height: 15px;
    	background-image: url(images/contentbottom.jpg);
    	clear:both;
    }
    
    #subnavcontainer{
    	position: relative;
    	font-size: 10px;
    	left: 18px;
    	width: 168px;
    	float: left;
    }
    #subnavtitle{
    	text-align: center;
    	font-style: italic;
    	font-weight: bold;
    	color: #216683;
    	padding:2px 0px 2px 0px;
    	background-color: #E3EEF5;
    }
    #subnavsplitter{
    	background-image: url(images/splitter.jpg);
    	width: 168px;
    	height: 2px;
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    }
    #subnavcontent{
    	padding: 2px 2mopx 2px 4px;
    }
    #footer{
    
    	width: 768px;
    	height: 18px;
    	background: url(images/footer.jpg) repeat-x;
    	vertical-align: bottom;
    }

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Add overflow: auto; to #subnavsplitter
    typo:
    Code:
    #subnavcontent{
    	padding: 2px 2mopx 2px 4px;
    }

  3. #3
    Join Date
    Nov 2005
    Posts
    3
    the cut off page still not fixed, if ur using mozilla, don't look I've been given specific orders not to care about mozilla. Something I'll do when I finish before my deadline.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    It fixed it for IE6, but adding height:1%; to #main should fix IE5+

  5. #5
    Join Date
    Nov 2005
    Posts
    3
    Thanks mate

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