Flush table left with CSS

CSS Question

I have a web page with multiple css files and I am trying to get a table in the middle of the page to flush left.

      text
      text
      wide table starting beginning of centered text instead to left
      text
      text

As you see, all the text is centered but the wide table start where the centered text is instead of flush left.

I have tried in the head css style section:

body {
margin: 0; body: 0;
}

and on the table:
<table width="955" class="sortable" id="anyid" style="margin: 0 auto">

But it is like some other css command has defined a "smaller" page so it won' t use the entire browser windows.

How do only that table to go flush left of the browser window, and leave everything else as-is?


Default Text
 

Verified Answer?

The member who asked this question verified this comment provided the solution that solved their problem.

by:Posted on 2011-06-25 at 13:02:26ID: 36040767

Correct but any text in the table shouldn't be wider than the table.  The 'inspect' is out of context and doesn't mean a thing by itself.  In a web page, the HTML elements define the page and CSS styles and can position some elements.  But no element stands alone.  Each element is affected by the ones around it.

"How do only that table to go flush left of the browser window, and leave everything else as-is?"

The answer is that you probably can't because one of the other elements is probably in the way or at least a 'container' for the table.  Even if you use "position:absolute;" to put the table where you wanted it, everything else that it was a part of would change because you had removed the table.
This content is available to Experts Exchange members

See the answer now
with your Free 30 Day Trial

Get unlimited access to solutions & experts

  • 4,169,477 solved questions
  • 3,805 articles & videos
  • 15,413 tech experts

Get Access Now

Need a customized answer?
Ask your question for one-on-one assistance. We will email you when an expert has commented on your question.

We will never share this with anyone. Privacy Policy Terms of Use

Select topics

You may select up to five topics.

201507-LO-Qu-068

Related Articles

Related Questions

Experts Exchange powers the growth and success
of technology professionals worldwide.

  • Solve

    Experts Exchange is the tech professional’s trusted, on-demand resource for solving difficult problems, making informed decisions, and delivering excellent solutions.

  • Learn

    With unparalleled access to technical experts, verified real-world solutions, and diverse educational content, Experts Exchange enables personalized development of technology skills.

  • Network

    Experts Exchange gives you the professional exposure and valued relationships key to building the career you want.

Join the Network Today

See Plans and Pricing