Setting table width with css?

**mic2020** · Jun 5, 2001 16:27

I am planning a new website, the page will be set to margin 0 so in touches the browser window, also the table length was going to be 780px. I want this website to be 800*600 and 1024 * 768 compatiable, I design my sites in a 800*600 resoultion, but I know a large amount of users, use the other size, how using css style sheet would I make it so that both would be possible. In other words what is the style sheet layout code so I can insert it into my design.

Many thanks for any help

Michael Prosser

**xharine** · Jun 10, 2001 12:31

Hmm I don't think u need a stylesheet to do that. 780px in 800x600 is about 95% of the browser window.

Just set <table width="95%"> and no matter in what resolution, it will still stretch to 95% of the browser width.

Hope this helps.

**wmk86** · Jun 10, 2001 16:51

can u define table width (in either pixels or percentage) using CSS?

**lynlimz** · Jun 10, 2001 23:26

Originally posted by wmk86
can u define table width (in either pixels or percentage) using CSS?

yes you can. and it is supported in all the various browsers.
IE, NS, Opera, Mozilla. =)

**creole** · Jun 11, 2001 06:36

Lyon...

I might be doing it wrong, but this code did not work in Netscape 4.7:

<style type="text/css">
.yourtable { width: 50%; }
</style>

<table class="yourtable">
<tr>
<td>
some content here some content here some content here some content here some content here some content here some content here some content here
</td
</tr>
</table>

**lynlimz** · Jun 11, 2001 06:52

hmm...it works for me. maybe percentage isn't supported?
I just did a site for a client using pixels and it worked.

**creole** · Jun 11, 2001 07:53

What version of Netscape did you check in? Just Mozilla? Or did you use 4.7?

Post the code and let me try it. Maybe my code is wrong.

**lynlimz** · Jun 11, 2001 07:56

I checked it in all the 4 browsers =)

As always, a separate style sheet for ns and ie. but for width, its the same throughout the 2 style sheets.

here's a sample.

table.ct1 {
width : 600px;
background : #6372c3;
}

<table class="ct1" cellpadding="0" cellspacing="0" border="0" align="center">

hope it helps you croele.

**creole** · Jun 11, 2001 09:02

I used that identical code and get a table that stretches the full width of the window in Netscape. It works fine in IE, just not NS 4.7.

<html>
<head>
<style type="text/css">
table.ct1 { width : 600px; background : #6372c3; }
</style>

</head>

<body>
<table class="ct1" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td>
some content here some content here some content here some content here some content here some content here some content here some content here some content here some content here some content here some content here some content here </td>
</tr>
</table>
</body>
</html>

**honging** · Jun 11, 2001 10:55

Isn't it kind of self-defeating to use CSS to define a table like that? I can understand going all the way and completely redoing a site using ALL CSS (ALA issue 99), but to still use HTML and then use CSS to define widths seems ... complicated. Just use percentages if you're going to create tables using HTML.

**lynlimz** · Jun 11, 2001 20:10

Very puzzling.

Mine works. If only I could let you see the template. Why don't you ICQ me and I'll show you the entire code?

honging, when i set widths and background colours in css, if i were to make any changes, i can easily switch to 800 by 600 resolution and above...etc.

If I could move all to css and maintain compatibility with all the majorbrowsers, i'll defintiely use css all the way.

User Tag List

Thread: Setting table width with css?

Thread Tools

Display

Setting table width with css?

Bookmarks

Bookmarks

Posting Permissions