Web Design Help

When i preview my site in IE for some reason there is a scroll bar at the bottom, i think its because my header is too wide... can someone help - i suck at HTML

www.aboutclout.com/stores.html

 

I have a 19inch screen, 1024 by 768 and I can see the scroll bar at the bottom in firefox and ie, I think you should make the layout for 800x600.

 

Your header is fine; I see it's currently in a table with a width of 100% of the user's brower screen (table width="100%").

However, you have two nested tables with fixed width of 610 pixels ( <table border="0" cellspacing="0" cellpadding="2" width="610">), so your website is 1210 pixels wide. You could reduce these widths (or make them a liquid size, each table %50 of the browser window), as well as the 404px wide <td> elements inside the two offending tables. You can reduce the padding inside of the table cells.

 

I cant see it and i have a 17 inch screen... viewed in firefox btw..

 

how do i male them a "liquid size" i'm not sure what that is

how would i optimize the page so that it fits the width of I.E browser windows

What do i change the padding to? im really confused

 

Ashton,
Are you building a website for 1024x768 or 800x600?
Mike

 

i want it to be able to fit properly in all browsers, the header and width is still all wrong

http://aboutclout.com/stores%20unisex.html

 

i want it to be able to fit properly in all browsers, the header and width is still all wrong

http://aboutclout.com/stores%20unisex.html

 

Hi Ashton,
This is what I did to make your site look even. This is the first table in your site.
<table width="1254" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#99ccff">
<td width="17" nowrap="nowrap" bgcolor="#000000">&nbsp;</td>
<td height="60" colspan="2" nowrap="nowrap" bgcolor="#000000" class="logo" width="620"><span class="style14"><br />
About Clout</span> <span class="tagline">| ONLINE SHOPPING MALL </span></td>
I changed this---> <td colspan="2" bgcolor=black width=617>&nbsp;</td>
</tr>

 

hi, what page did you find that on, i cant see it?

 

Ashton,
This was the link that you posted(sorry I can't post links yet but this is the file):
stores%20unisex.html
Mike

 

i tried it but it didnt make a difference - thanks anyway

 

Asthon,
I just realized that I changed the table size to 1254 look in my earlier post. That is actually what fixed your problem.
Mike

 

Hey! thanks a lot, it fits a lot better now in IE with only a very small horizontal scroll

 

Hi,
No problem. Maybe you can make it a little smaller. The width of a screen in IE is 778 including the scroll bar at 800x600. If you are using padding you have to deduct from the total size from each side of the table the amount of padding, for example if you had 1 cell across the top that is padded with 2 you would deduct 4 since you take away 2 from both sides. Tables are a pain sometimes thats why I make all my pages in notepad. I can keep track better that way.
Mike

 

its very simple. always work table. put % in table width and height. and you site will be look fine on every resoultion and browser.

 

Hi.
When you give a fixed width to a table, like this:

<table border="0" cellspacing="0" cellpadding="2" width="610">

the browser will display a horizontal scrollbar if the browser's *window* is less that the width you are setting, independently of the inches that the user's screen has and of the resolution he uses for his desktop. In this example, if the window has a width of 600 pixels, the scrollbar will appear. When you design a web page, you must decide at the onset if you will be designing for a fixed width, that is for all windows that have at least a minimum width, or you will attempt at a fluid design, i.e. a page that will accommodate its content to the user window's size.
All the best.