2 columns works local, not on site

3 Votes Vote

2 columns works local, not on site

Posted by topdog 479 days ago Questions| div works columns All

Hi,
I am trying to float 2 lists next to each other, each in it's own div.
My code works when I am in dreamweaver where I have a simple layout of just the main content section of the web page, but when I add it to the site where all sorts of other stuff from the CMS etc gets involved it shows one list div below the other.
I have tried absolute values in em and percentages
What am I doing wrong?
problem page is here
http://museum.spps.org/sitecouncil.html

code that works locally

CODE

.post-content {float:left; width:40.333em; overflow:visible;}
.2col-left {float:left; width:48%; overflow:visible; padding:0 2% 0 0;}
.2col-right {float:right; width:48%; overflow:visible; padding:0 0 0 2%;}

<div class="post-content" >
      <div class = "2col-left">
        <h4>Staff:</h4>
  <ul>
  <li>Tyrone Brookins</li>
  <li>Katherine Snyder</li>
  <li>Laurie Kruempel</li>
  <li>Michaele Caron</li>
  </ul>
      </div>
      <div  class = "2col-right">
           <h4>Parents:</h4>
  <ul>
  <li>Philip Friedlund</li>
  <li>Amber Cochran</li>
  <li>Jenny Hicks</li>
  </ul>   
      </div>
      <div class="clearboth"><!-- --></div>
</div>

1 Answer Bury

Who Voted for this Question

Answers

topdog
479 days ago

I would definitely go with a table layout for this. The table tag is meant to represent tabular data such as this and will do a much better job across all browsers.

Rating: 0

What's globberstack.com?

We're an online community of a programming-loving geeks that favors open source programming tools (think LAMP - Linux / Apache / MySQL / PHP). We'd like to believe we're a smart bunch that takes pride in being helpful. Ask a question, or better yet, show your smarts and answer one. The community will vote on the answers.