WebFX Dynamic Webboard (Static Version)

WebFX WebBoard

Message Thread:

View All Messages
Back to WebFX

First attemtp to a 100% CSS layout..., Guillermo, March 18, 2004

Re:First attemtp to a 100% CSS layout..., Guillermo, March 18, 2004

Re:First attemtp to a 100% CSS layout..., idris, March 18, 2004

Re:First attemtp to a 100% CSS layout..., Guillermo, March 19, 2004

Subject: First attemtp to a 100% CSS layout... From: Guillermo Date: March 18, 2004

So, after reading a lot about the subject, I decided to try to layout a page using CSS. I've been using css for formatting for a long time now, but never really tried designing a page using just css.

This first attemtp is not 100% css yet. Half the header was built using a table and so is the shopping cart (if anyone know a better way to format tabular data, let me know. Tables rule at that). There's also a two column table in the center of the page, to separate the content from the side bar.

And that's it. The side panels, the footer and the rest of the header was written with css. It's still buggy in Mozilla Firefox, I seem to have some glitches in the positioning and paddings, but nothing too seriuos.

Oh, and I also was able to create a printable version of the page using a separte style sheet, using different fonts, sizes, colors, eliminating unwanted stuff and so on.

I was looking for comments on my work, and maybe some tips or pointers.

The site is an online store for a computer parts wholesaler. It's still under development and only the basic template was written. The site is in spanish, but that's beyond the point.

You can see the template at:
http://www.ad.alfahost.com/Clientes/pi/default.asp

And the same page without css:
http://www.ad.alfahost.com/Clientes/pi/default2.asp

I'm beggining to get the hang on css-p, but I'm still pretty mixed up with the whole "absolute/relative" positioning thing and, oh yes, the ie5.5/Mac box model bug...

Thanks for your time.

Reply
Name:
Email:
Subject:
Enter your reply to this message below. HTML tags are not supported but words that start with http://, ftp:// or mailto: are converted to links.
So, after reading a lot about the subject, I decided to try to layout a page using CSS. I've been using css for formatting for a long time now, but never really tried designing a page using just css. This first attemtp is not 100% css yet. Half the header was built using a table and so is the shopping cart (if anyone know a better way to format tabular data, let me know. Tables rule at that). There's also a two column table in the center of the page, to separate the content from the side bar. And that's it. The side panels, the footer and the rest of the header was written with css. It's still buggy in Mozilla Firefox, I seem to have some glitches in the positioning and paddings, but nothing too seriuos. Oh, and I also was able to create a printable version of the page using a separte style sheet, using different fonts, sizes, colors, eliminating unwanted stuff and so on. I was looking for comments on my work, and maybe some tips or pointers. The site is an online store for a computer parts wholesaler. It's still under development and only the basic template was written. The site is in spanish, but that's beyond the point. You can see the template at: http://www.ad.alfahost.com/Clientes/pi/default.asp And the same page without css: http://www.ad.alfahost.com/Clientes/pi/default2.asp I'm beggining to get the hang on css-p, but I'm still pretty mixed up with the whole "absolute/relative" positioning thing and, oh yes, the ie5.5/Mac box model bug... Thanks for your time.

View All Messages
Back to WebFX