Remove scrollbar at bottom in IE only

**funktheory** · 09-01-2010, 10:46 PM

Hi, can anyone tell me how i can remove the scrollbar at the bottom of the window on my new gallery (not yet finished) only? i want the other one to stay of course, thanks

dominicdeanphotography.co.uk/new_portraiture.html

**coothead** · 09-02-2010, 05:05 PM

Hi there funktheory,

as your page fails validation...

http://validator.w3.org/check?verbos...rtraiture.html

...I thought that it might be a good idea to rework your page for you.

Here is the fruit of my labours...

Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<!-- this is for coothead testing and can be removed -->
<base href="http://www.dominicdeanphotography.co.uk/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<meta name="keywords" content="Dominic Dean, Photography, Photographer, Model Portfolios, London &amp;
 Kent, UK, Kayt Webster-Brown, Ruby Slate Balthazar, Agata Mazur, Sarah Arnold, Zoe Cornwell, Simona, 
Emma Rice, Kerri Tanya, Charlotte Thomson, Elise, Neeru, Amiee Rickards, Morgan Lees, Iveta Niklova, 
Emma Jensen, Scarlet Duggan, Hayley-Marie Coppin, Aaliyah Johnson, Victoria Basford, Emma Williams, 
Katie Green, Charlene Dang, Lucy Anne Brooks, Jerri Byrne, Esme Blanco, Fiona York, Nina Kate, Emily 
Forman, Seren Matthews, Mel Rook, Blossom Blois.">

<meta name="description" content="Dominic Dean, Photography, Photographer,London, UK.">
<meta name="robots" content="all">
<meta name="googlebot" content="index,follow,archive">
<meta name="revisit-after" content="2 days">

<title>Dominic Dean, Photographer, Photography, Models, London, UK</title>

<style type="text/css">
body {
    font-family:'courier new',monospace;
 }
#logo {
    margin:16px 0 14px;
 }
#nav {
    float:left;	
    width:110px;
    margin:0;
    padding:0;
    list-style:none;		 
 }
#nav a {
    font-size:11px;
    color:#000;
    text-decoration:none;
 }
#nav a:hover {
    color:#999;
 }
#gallery {
    float:left;
    width:1010px;
    padding:10px 10px 7px;
    border:1px solid #ccc;
    margin-bottom:10px;
    white-space:nowrap; 
    overflow-x:scroll;
 }
#gallery img {
    height:600px;
 }
#footer {
    clear:both;
    margin-left:110px;
    font-size:11px;
    color:#666;
 }
</style>

</head>
<body>

<div id="logo">
<img src="images/banner1.gif" width="335" height="27" alt="">
</div>

<ul id="nav">
 <li><a href="index.html">Home</a></li>
 <li><a href="portraiture.html">Portraiture</a></li>
 <li><a href="fashion.html">Fashion</a></li>
 <li><a href="glamour.html">Glamour</a></li>
 <li><a href="bio.html">Bio</a></li>
 <li><a href="contact.html">Contact</a></li>
</ul>

<div id="gallery">
<div>
 <img src="images/port1.jpg" width="607" alt="">
 <img src="images/port2.jpg" width="400" alt="">
 <img src="images/port3.jpg" width="655" alt="">
 <img src="images/port4.jpg" width="400" alt=""> 
 <img src="images/port5.jpg" width="411" alt=""> 
 <img src="images/port6.jpg" width="693" alt=""> 
 <img src="images/port7.jpg" width="549" alt="">
 <img src="images/port8.jpg" width="643" alt="">
 <img src="images/port9.jpg" width="669" alt="">
 <img src="images/port10.jpg" width="477" alt="">
 <img src="images/port11.jpg" width="400" alt="">
 <img src="images/port12.jpg" width="489" alt="">
 <img src="images/port13.jpg" width="465" alt="">
 <img src="images/port14.jpg" width="400" alt="">
 <img src="images/port15.jpg" width="619" alt="">
 <img src="images/port16.jpg" width="400" alt="">
 <img src="images/port17.jpg" width="400" alt="">
 <img src="images/port18.jpg" width="400" alt="">
</div>
</div>

<div id="footer" >
Website Design and All Images Copyright 2010 &copy; Dominic Dean Photography. All Rights Reserved
</div>

</body>
</html>

coothead