Log in

View Full Version : 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?verbose=1&uri=http%3A%2F%2Fwww.dominicdeanphotography.co.uk%2Fnew_portraiture.html
...I thought that it might be a good idea to rework your page for you. ;)

Here is the fruit of my labours...


<!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

funktheory
09-02-2010, 05:13 PM
Ah thanks, so basically it has to be a pixel amount not a % too? :)

coothead
09-02-2010, 05:32 PM
Hi there funktheory,

you can, of course, experiment with "%" for your #nav and #gallery width values. :)

I coded the page for an approximate screen width of 1024px.

My main concern though, was the horizontal scrolling. :D

coothead

funktheory
09-02-2010, 09:14 PM
Hi there funktheory,

you can, of course, experiment with "%" for your #nav and #gallery width values. :)

I coded the page for an approximate screen width of 1024px.

My main concern though, was the horizontal scrolling. :D

coothead

I really appreciate your help, you have been great thanks :D

coothead
09-02-2010, 09:24 PM
No problem, you're very welcome. ;)