• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 377
  • 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
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
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

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

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