Hi, Im new to the area of web design and dreamweaver (I use mx). My problem may look silly to you, but believe me it has kept me awake quite a few days now. I have read the relevant topics in this forum but none of them seems to solve my problem. I want to design a very standard webpage, using tables..The header banner (image) on top, a footer at the bottom, a navigation bar on the left, main content on the right and some images far right. What a nightmare!!!! Although I have set percentages to the table width and although i have specified it to autostretch it doesn't seem to work. Even if I try to put just the header image on top, a horizontal scroll bar appears when screen resolution is 800x600, 1024x768, 1280x768. Could it be that the header image is too large? (it's 1122x134). How can I make it resizable? It seems that when i just put text everything is ok in every resolution..but when I insert the header image I get that horizontal scroll bar. if I try and reduce the size of the image then it's ok with the small resolutions but the image gets distorted when viewed in high resolutions. If none of the above makes sense, pls excuse me, but Im trying to achieve something similar to this website: http://www.dwp.gov.uk/ And also, yahoo has the same attributes..Irrespectively of the users' screen resolution there is no horizontal scroll bar and most (if not all) of the information is on screen (Without the need to scroll) Thanks a lot
If it is the image that is causing the horizontal bar then you will have to resize it . You can do it in "Start >> Programs >> Microsoft office tools >> Photo editor" . If that's not on your computer then it's in office CD . Also try something like this : <table width="100%" cellpadding="0" cellspacing="0"> <tr><td> <img src="header.jpg"> </td></tr></table> <table width="100%" cellpadding="0" cellspacing="0"> <tr><td width=" 200"> Navigation goes here </td><td width="600"> text goes here </td></tr></table> The table with header is different and uses % while table with text and navigation uses "Specific" numbers to keep size constant . I don't know if that will work but give it a try . But I think you will have to resize the image . Regards Jeet
Your going to want to specify both the image and the table in %. If your getting a bottom scrollbar after that, than the image is too large and needs to be reduced.
this probelm is very common in header images. i had this problem too and couldn't find a way to solve it. i set it to 800px, that looked a little better but still dissatisfied. in the end i resorted to fixed tables.