Hi, I've been trying to code my template for use, anyway, in dreamweaver when I stretch the layout, it looks perfect, but when I open it up in a browser, the images are all displaced on the left, this is with firefox and IE. Opera shows it fine though :\. I tried vertically aligning the images that were going down, but to no avail, any help would be greatly appreciated it. The code+ template can be viewed here... www.visioninhand.net/eww thank you for any help
I am not sure what you are trying to accomplish.... Are you trying to get the grey boxes to stretch vertically?
In your source code, alter the values to percentages, 100% or whatever you want. And force the alignment code value if dreamweaver cannot do so in visual mode. This will help make your page resolves to all resolutions including very wide screens. Centre if you want or to the left or right.
the grey content boxes are supposed to stay the same shape and size, and be aligned right underneath the orange bar. The area right below the content boxes is to stretch. The percentage thing didn't work... img80.imageshack.us/img80/769/untitled1ni2.jpg this is what i want it to look like
OK, here you go, you cannot possibly go wrong with this template. It will do what you want without displacing as you type etc. Use page margine to acquire the dark spaces outside the table. <div align="center"> <center> <table border="0" cellpadding="0" height="9" cellspacing="0" width="100%" style="border-collapse: collapse"> <tr> <td width="931" valign="top" height="1" colspan="3" align="center"> KKKKKKK</td> </tr> <tr> <td width="310" valign="top" height="0" align="center"> KKKKKKK</td> <td valign="top" width="310" height="0" align="center"> KKKKKKK<p> </p> <p> </p> <p> </td> <td valign="top" width="311" height="0" align="center"> KKKKKKK</td> </tr> </table> </center> </div> PopTart