Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

how to layout css like a table

Posted on 2011-09-13
12
Medium Priority
?
376 Views
Last Modified: 2012-05-12
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
Comment
Question by:awolarczuk
  • 5
  • 5
  • 2
12 Comments
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 36534035
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
 

Author Comment

by:awolarczuk
ID: 36534055
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
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 36534080
by any chance you share the page or a link to the same?
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Comment

by:awolarczuk
ID: 36534143
here are the files mate
in exploer it seems to work but not in crome
test.html
settings.css
0
 
LVL 40

Accepted Solution

by:
Gurvinder Pal Singh earned 2000 total points
ID: 36534255
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
 

Author Comment

by:awolarczuk
ID: 36535164
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
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 36535196
Not sure about the rest of the code, but this footerlist part should definitely work
0
 

Author Comment

by:awolarczuk
ID: 36535229
yea it works great in explorer not in crome
0
 

Author Comment

by:awolarczuk
ID: 36535238
just tested in fire fox saem issue
Is there another way arpundthis
0
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 36535448
can you post the screenshot for both of them ff and chrome
0
 
LVL 9

Expert Comment

by:user_n
ID: 36538257
0
 
LVL 9

Expert Comment

by:user_n
ID: 36538753
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

782 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question