sarah_bart
08-31-2003, 06:53 AM
Hi,
Can someone help me with the tables for my site so I can get rid of the bottom scrollbar. Why is it expanding to the right, making my headed image out of place?
http://nodestiny.net/bgp
I have tried <div align="left">
Any help would be much appreciated.
- Sarah
duckgirl
08-31-2003, 07:26 AM
Everything looks fine to me, did you fix your problem? If you didn't, could you make it clearer what that problem is?
sarah_bart
08-31-2003, 07:41 AM
Thanks for the reply.
I want to get rid of the bottom scroll bar - its still there for me!
My top image is 780px in width, which I though would be the exact width needed to fit the screen without having a bottom scrollbar. But it is not aligning totally to the left, hence the scroll bar.
duckgirl
08-31-2003, 07:57 AM
Ah, you're on 800x600, that's why I didn't see a problem. Well.. I've tried, and I can't seem to fix it... :( hopefully someone can, but if they can't, you might have to trim your images a tiny bit, which I know would be cumbersome... by the way, you seem to have some extra codes on your page, like you have 2 style tags at the beginning, and just a lot of duplicate stuff, you might want to go through that and see what you can take out.
Oh, and for me, it's just an IE problem, Netscape aligns it to the left.
780 width is a touch too big to fit nicely into an 800x600 resolution. you have to account for the scrollbar and page buffer spacing.
here is a start... take EVERYTHING above your table code and replace it with the following code. this will take care of some coding errors plus get rid of the page buffer....
<HTML>
<HEAD>
<script type="text/javascript" src="http://enetation.co.uk/user.php?user=sarah_bart"></script>
<TITLE> Bizarre Gravitational Pull // version 2.0 Happily Ever After</TITLE>
<style type="text/css">
BODY {
margin:0px;
color:#E09E81;
font-size:10px;
font-family: verdana;
line-height: 8px;
scrollbar-face-color: #E09E81;
scrollbar-highlight-color: #A2603C;
scrollbar-3dlight-color: #A2603C;
scrollbar-darkshadow-color: #A2603C;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #F8DCCC;
}
A:link{COLOR:#F8DCCC; TEXT-DECORATION: none; font-weight: bold}
A:visited{COLOR:#A2603C; TEXT-DECORATION: none; font-weight: bold}
A:active{COLOR:#F8DCCC; TEXT-DECORATION: none; font-weight: bold}
A:hover{color:#F8DCCC;
background-color:#A2603C;
border-top: dotted 1px #330000; border-bottom: dotted 1px #330000}
</style>
</HEAD>
<body bgcolor="#E09E81">
<!-- Begin Table -->
sarah_bart
08-31-2003, 03:20 PM
Thank you so much. It works fine now.
I really appreciate your help :)