Making Table In Very Top Left Corner

Hi

I want to make my header table (with the logo and nav menu) start at
0,0. I tried

body {margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
margin-left: 0px; padding:0px;}

but I still have about a 3-5px border the color of my page background
when viewed in both IE and FF. How can I make it have NO border at
all? I've seen a ton of sites that achieve this look.

Thanks in advance

Beauregard T. Shagnasty wrote:

Ok, time for you to post a URL with a valid test case.

At the moment, it's only available on my local machine. I'll upload it
sometime tomorrow -- it's late now.

What are the advantages of using CSS for layout? Seems like it'd be
MUCH harder to design the pages if you use CSS for your basic layout.

dutch90 (AT) gmail (DOT) com wrote:

Beauregard T. Shagnasty wrote:

Ok, time for you to post a URL with a valid test case.

At the moment, it's only available on my local machine. I'll upload
it sometime tomorrow -- it's late now.

Ok. Let us know when it's ready.

What are the advantages of using CSS for layout? Seems like it'd be
MUCH harder to design the pages if you use CSS for your basic layout.

It is MUCH easier once you grasp the concept of CSS.

Here are some templates that I like:
<http://benmeadowcroft.com/webdev/csstemplates/3-column.html>

--
-bts
-Motorcycles defy gravity; cars just suck.

dutch90 (AT) gmail (DOT) com wrote:

body {margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
margin-left: 0px; padding:0px;}

but I still have about a 3-5px border the color of my page background
when viewed in both IE and FF. How can I make it have NO border at
all? I've seen a ton of sites that achieve this look.

{ margin: 0; padding: 0; border-spacing: 0; border-width: 0;
border-style: solid; border-color: yourchoice; }

These are apply to box tags such table, th, td, tbody, H1 to H6, etc.

RC wrote on 23 aug 2006 in comp.infosystems.www.authoring.stylesheets:

{ margin: 0; padding: 0; border-spacing: 0; border-width: 0;
border-style: solid; border-color: yourchoice; }

if the border-width is 0, the color and style unnecessarily specified.


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Christopher P. Winter wrote:

I start every table I use like this:

TABLE CellSpacing=0 CellPadding=0

Actually, I'm going to do a CSS layout now.

dutch90 (AT) gmail (DOT) com wrote:

I was expecting it to wrap after the length reached 150 pixels. No
such luck. What gives? This destroys the layout...

Your unbroken string would do the same in a table cell. That wasn't a
good test. Use real words.

--
-bts
-Motorcycles defy gravity; cars just suck.

Beauregard T. Shagnasty wrote:

Your unbroken string would do the same in a table cell. That wasn't a
good test. Use real words.

Hmmm. Guess you're right.

Sorry -- I'm new to CSS. I guess there is where overflow: hidden comes
in handy.

dutch90 (AT) gmail (DOT) com wrote:

Actually, I'm going to do a CSS layout now.

*Sigh*. More problems. I'm trying to put together a simple login box
(something similar to
https://www.google.com/accounts/Login?continue=http://www.google.com/&hl=en).
I want the boxes for username and password to be flush along the left
side. "No problem", I say. "I'll use absolute positioning!".

So I try this code:

..loginField {
position: absolute;
left: 80px;
}

and I make both text fields class="loginField". This seems to work,
except now the bottom of my password box spills out over the
"border-style: solid;" of my div.login box.

"No problem", I say. "I'll use the width and heigh properties!".

So I get it looking quite nice. Keep in mind I use firefox. I load it
up in IE and it looks terrible. How can I accomplish this effect
without tables in both IE and FF?? If it works in one, it doesn't work
in the other. I wish windows would ship with FF instead of IE.

CSS (no, wait, internet explorer) makes a fool of me again :P