<!-- m --><a class="postlink" href="http://www.flexties.be/productverkoop/index.php">http://www.flexties.be/productverkoop/index.php</a><!-- m -->
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
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;
}Add overflow: auto; to #subnavsplitter
typo:#subnavcontent{
padding: 2px 2mopx 2px 4px;
}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.It fixed it for IE6, but adding height:1%; to #main should fix IE5+Thanks mate
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
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;
}Add overflow: auto; to #subnavsplitter
typo:#subnavcontent{
padding: 2px 2mopx 2px 4px;
}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.It fixed it for IE6, but adding height:1%; to #main should fix IE5+Thanks mate