How to center a table?

This is bad HTML, you should consider making the HTML en CSS yourself and not let Photoshop do this. Photoshop is a great image editing software but not for development.

And tables are not meant to be used for layout construction, you make divisions with the <div>-tag.

First convert your layout to a semantic layout and then we'll be able to help you much better.

B.

Dec 14 '10 #2

JKing

1,206

Expert 1GB

What browser are you viewing this in? If IE provide the version as well.

Dec 14 '10 #3

347

100+

Bryan,

Unfortunately since this is a psd file that I had to convert, there's really not a lot I can do about the html that's generated. I'm limited to that because I have to convert the psd file to html.

JKing, the version is IE 8 in Windows 7.

Dec 14 '10 #4

JKing

1,206

Expert 1GB

I can't replicate the issue unfortunately. The align="center" on the table should be enough to keep your page centered. Centers for me in both FF and IE8.

Is this a resolution issue for some users?

Dec 14 '10 #5

Uhh..

Expand|Select|Wrap|Line Numbers

<div class="css" id="site_layout.css">

Thats just not right..

Use:

Expand|Select|Wrap|Line Numbers

<div id="site_layout">

If this doesn't help, do you have a online example?

Bryan.

Dec 14 '10 #6

347

100+

Bryan,

I have this

Expand|Select|Wrap|Line Numbers

 
<div id="container">

  <div id="site_layout">

    <div class="css" id="site_layout.css">

so you're saying to combine div id and div class together?

Dec 14 '10 #7

No, your usage of the id of the div is wrong.
-"site_layout.css" is the name of your css file
-your id in your css is #site_layout so your syntax should be: <div id="site_layout"> that how you set a id on a div.
-why calling your div class "css", no idea. Its a bad practice usage, use more describing names.

Bryan.

-edit-
Link: http://www.w3schools.com/css/css_id_class.asp

-edit2-
More direct link: http://www.w3schools.com/css/tryit.a...ycss_syntax_id

Dec 14 '10 #8

347

100+

Jking,

the resolution on the computer in question is 1680x1050.

Dec 14 '10 #9

347

100+

I fixed it with the code that you sent Bryan. Thank you.

Dec 14 '10 #10

centering images vertically...

Glad to help dougancil :)

Bryan.

Dec 14 '10 #11

Similar topics

by: George Ziniewicz | last post by:

.. I try to use CSS when possible, though I am still learning and don't maximize its use. In particular, I still use a table to provide for a centered image in a few slideshows (though table...

How do you vertically center an html table in css.

by: john T | last post by:

Is there anyway to vertically center a html table using css in such a way it does not alter the html table. When I tryied it just screws up.

Table Layout and What's Wrong With it

by: Neal | last post by:

Patrick Griffiths weighs in on the CSS vs table layout debate in his blog entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A quite good article.

XHTML/CSS Standard Vertical Centering sought

by: Kenneth | last post by:

Okay, I've been scouring Google for hours looking for a solution to this problem, but as of yet I can't find one. XHTML Transitional seems to specify that I can no longer set a table's height to...

centering list elements

by: yawnmoth | last post by:

I'm trying to center list elements in a webpage I'm working on, and setting margin-left to auto for ol (or ul) seems to prevent the number (or bullet) from displaying in IE6 (strict mode) and...

centering table inside cell

by: autogoor | last post by:

I have a table and, in one cell of it, I have another table. How can I center the second table in the cell with css? Thanks, autogoor

vert and hor centering text in <div>

by: John Pote | last post by:

1. Horizontal centering a <divin browser window. The current trend seems to be to place page content in a fixed width area in the middle of the browser window. How is this achieved? If I use a...

Vertical centering without tables

by: Markus Ernst | last post by:

Hello This is a test example: http://www.markusernst.ch/anthracite/ http://www.markusernst.ch/anthracite/living_divani.html After googling and experimenting for several hours, I ended up...

Centering table caption

by: Neal | last post by:

http://www.brassattackofspringfield.com/gigs.html CSS at http://www.brassattackofspringfield.com/default.css Opera and IE render caption as desired. Firefox does not. Why? And is there a fix?