Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Table tag / browser window margin? 2

Status
Not open for further replies.
CBrownAtWork

CBrownAtWork

Technical User
Sep 27, 2004
7
US
Hi

I'm new to HTML & CSS and trying to rebuild an existing table-based layout with absolute positioning. Does the table tag add margins between itself and the browser window? It seems like it does -- around 15 pixels or so?

Code: 
<html>
<body>
<!--original table structure-->
<table border='0' cellpadding='0' cellspacing='0' width='760'>
<tr>
<td height='34' colspan='4'>gif</td>
</tr>
<tr>
<td width='42'>gif</td>
<td width='132'><font color='blue'>gif</td>
<td width='443'>gif</td>
<td width='143'><font color='blue'>gif</td>
</tr>
</table>
<!--new layout-->
<div style='position: absolute; left: 42px; top: 34px; color: red'>gif</div>
<div style='position: absolute; left: 617px; top: 34px; color: red'>gif</div>
</body>
</html>

Does anyone know how big this margin actually is so I can compensate for it? Thank you!

-- Chris
 
Sort by date Sort by votes
CSS is your friend.

Try this:

Code: 
<html>
[red]
<head>

<style type='text/css'>

body {
   margin: 0;
}

</style>

</head>
[/red]
<body>
<!--original table structure-->
<table border='0' cellpadding='0' cellspacing='0' width='760'>
<tr>
<td height='34' colspan='4'>gif</td>
</tr>
<tr>
<td width='42'>gif</td>
<td width='132'><font color='blue'>gif</td>
<td width='443'>gif</td>
<td width='143'><font color='blue'>gif</td>
</tr>
</table>
<!--new layout-->
<div style='position: absolute; left: 42px; top: 34px; color: red'>gif</div>
<div style='position: absolute; left: 617px; top: 34px; color: red'>gif</div>
</body>
</html>

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
 
Upvote 0 Downvote
The body intately has a margin. If you do not want any add:

Code: 
<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">

[conehead]
 
Upvote 0 Downvote
If you're doing it ConeHead's way, don't forget about rightmargin and bottommargin for NetSlop.

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
 
Upvote 0 Downvote
With a little experimenting I think it looks like the body tag adds 10px to the left and 15px to the top, at least in IE6.

I'm trying to prove to the developers that I can duplicate their table layouts with CSS, only cleaner. That's why I have to match my layout with theirs exactly.

Thanks for the help!
 
Upvote 0 Downvote
If they still don't believe you, tell them to go to GOOGLE and type CSS for a search word.

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
 
Upvote 0 Downvote
And use as much relative positioning as possible. Absolute positioning is best avoided when not neccessary.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

SitesMasstec
  • Locked
  • Question
Viewport meta tag x iframe
Replies
0
Views
153
SitesMasstec
SitesMasstec
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
984
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
CoolBreeze007
  • Locked
  • Question
Unable to make HTML element adjust with the resizing of the browser
Replies
0
Views
148
CoolBreeze007
CoolBreeze007
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
185
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top