Body margins

Forum Moderators: not2easy

Message Too Old, No Replies

Body margins

table color/body width and N4.7 headache

jfcates

4:32 pm on Jan 4, 2003 (gmt 0)

Is there some way to make N4.7 have a color run across
top of page 100%? This works in IE:

body { margin:0; padding:0; height:100%; width:100% }

then within the body is a two row table:

suggestions greatly appreciated!

tedster

4:37 pm on Jan 4, 2003 (gmt 0)

It depends on the entire layout, but when you can do it the surest way is a tiled background-image for <body>. No funky space to deal with!

Nick_W

4:42 pm on Jan 4, 2003 (gmt 0)

Good call tedster, I'd just given up trying to get a border to work on it ;)

Nick

marek

4:52 pm on Jan 4, 2003 (gmt 0)

jfcates, NN4 adds declared values to its default margins. To eliminate body margin at all, you have to define:

body {
margin: -10px 0 0 -10px;
}

for NN4 only and for other browsers:

body {
margin: 0;
}

jfcates

5:46 pm on Jan 4, 2003 (gmt 0)

Well, I tried this:
body { margin: -10px 0 0 -10px; }

and this:
html {
margin: 0;
padding: 0;
border: none;
}
neither one does the trick.

how do i do a tiled background-image for <body>;
more precisely, what's the code?

Nick_W

5:50 pm on Jan 4, 2003 (gmt 0)

[w3.org...]

Nice to have you onboard jfcates, check your sticky mail ;)

Nick

jfcates

5:54 pm on Jan 4, 2003 (gmt 0)

Hmmm... I'm half way there.
I type something in one of the table cells (same font
color as bgcolor table color), and now the color on the top shows up in N4,
but still won't run off the right edge?

Reflect

6:05 pm on Jan 4, 2003 (gmt 0)

<table width="100%" height="10%" border="0" cellpadding="0" cellspacing="0"
bgcolor="#FF0000" summary="">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

With the above code the table cell will not show. For NN 4.X to show this cell you need something in the <td></td>. Just place a clear GIF image and the table cell should show up.

Brian

jfcates

6:15 pm on Jan 4, 2003 (gmt 0)

thanks brian, I've got some copy in the td tag, but it still
won't run off the right side?

tedster

2:03 am on Jan 5, 2003 (gmt 0)

how do i do a tiled background-image for <body>; more precisely, what's the code?

body {
background-image:url(background.gif);
}

Note - no quotes around the path for the image. If you want to tile in just one direction, you also use

background-repeat:repeat-x; [or repeat-y or no-repeat]

jfcates

2:07 pm on Jan 5, 2003 (gmt 0)

thanks tedster! :) that was a fix, and one i won't forget.

Body margins

table color/body width and N4.7 headache

jfcates

tedster

Nick_W

marek

jfcates

Nick_W

jfcates

Reflect

jfcates

tedster

jfcates

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week