CSS Table-like Layout

  • jerryscs
  • Novice
  • Novice
  • User avatar
  • Posts: 27
  • Loc: Okinawa, Japan

Post 3+ Months Ago

Ok, here goes.

page: http://www.jerryscs.com/company_info_ja.php
stylesheet: http://www.jerryscs.com/style/style.css


If you open this page in Mozilla it looks good. Ignore the borders around the various information...that was just so I can see what is happening.

In Mozilla, the black border group and the red border group are on the first row, and the green border, blue border and yellow border groups are on the second row. This is how I want it.

Open the same page in IE and you should see something different. In IE, the black border, red border, blue border and yellow border groups are all on the first row, and the green border group is on the second row. What I want to do is have the blue and yellow group show up on the same row as the green group.

In my style sheet, I have clear: left for the green border group, but if I do that on the blue and yellow border groups, it doesn't work right.

Thanks,
Jerry
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • jerryscs
  • Novice
  • Novice
  • User avatar
  • Posts: 27
  • Loc: Okinawa, Japan

Post 3+ Months Ago

Problem solved.

I added an extra div where I wanted the next row to start with the following code...

Code: [ Select ]
<div style="clear: both; height: 1px; margin: 0; overflow: hidden; margin-top: -1px"></div>


That makes my infomation display correctly in IE.

Jerry

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 41 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.