PDA

View Full Version : Everything appears with an offset in browser


deadevil13
12-01-2009, 06:26 PM
I am using Div Tags to design my page. Using APDivs, due to the ease of being able to move them around. Although everything appears with an offset when previewed in a browser?

Any ideas why this happens? or how to stop it from happening. Its not a big offset.

<body>
<img src="Images/Header.png" alt="" name="HeaderImage" width="870" height="100" class="header"><a href="Homepage.htm"></a>
<table border=0 cellpadding=0 cellspacing=0 class="Tab_Bar" id="TabBar">
<tr>
<td width=20>&nbsp;</td>
<td width="100" align="center">Home</td>
<td width="20">&nbsp;</td>
<td align="center" width="100">Charts</td>
<td width="20">&nbsp;</td>
<td align="center" width="100">Browse</td>
<td width="20">&nbsp;</td>
<td align="center" width="100">Help</td>
<td width="20">&nbsp;</td>
</tr>
<tr>
<td height="1" colspan="10" bgcolor="#CCCCCC"><table height="1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> </tr>
</table></td>
</tr>
</table>
<div class="account_controls_1" id="AccControls">Register | Login</div>
</body>Thats the body of my page so far, the thing is that AccControls always moves down and sits on top of the header image.....its just aggrovating

edbr
12-02-2009, 12:36 AM
general rule dot use tables or absolute positioning for layout.
The best way to use absolute divs is to place then in 'wrapper' dive so that they will use a dive as reference, this makes it easier to control the flow of your design