Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 378
  • Last Modified:

how to layout css like a table

Hi all
I would like to use CSS to layout some infomation like a table i have some raw css can someone tell me if i am even close, i cant test it as i am at work

#footerlist{}
#row1  {position:absolute; height="auto"; width="auto"}
#row2  {position:absolute; height="auto"; width="auto" left="inherit"
#row3  {position:absolute; height="auto"; width="auto" left="inherit"

my plan was to put all the row divs in the footerlist div and then i would be able to move them where i need them
0
awolarczuk
Asked:
awolarczuk
  • 5
  • 5
  • 2
1 Solution
 
Gurvinder Pal SinghCommented:
position absolute is not required. Since the row has to come in the next line only, and by default a new div always goes to next line
0
 
awolarczukAuthor Commented:
ok i have been able to test it a little they are going down hte page how do i make them go allong the page
0
 
Gurvinder Pal SinghCommented:
by any chance you share the page or a link to the same?
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
awolarczukAuthor Commented:
here are the files mate
in exploer it seems to work but not in crome
test.html
settings.css
0
 
Gurvinder Pal SinghCommented:
In settings.css, replace row1, row2 and row3 with

#row1  { width: 100px; padding: 10px; height="auto"; }
#row2  { width: 100px; padding: 10px; height="auto"; }
#row3  { width: 100px; padding: 10px; height="auto"; }

basically, float:left forces the divs to stack horizontally with each other
0
 
awolarczukAuthor Commented:
ok this sis what i want sorry if i confused you but i have foyund with my code itwill only work in iexplorer
no crome
0
 
Gurvinder Pal SinghCommented:
Not sure about the rest of the code, but this footerlist part should definitely work
0
 
awolarczukAuthor Commented:
yea it works great in explorer not in crome
0
 
awolarczukAuthor Commented:
just tested in fire fox saem issue
Is there another way arpundthis
0
 
Gurvinder Pal SinghCommented:
can you post the screenshot for both of them ff and chrome
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 5
  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now