It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming CSS Forum

how to do this layout ?

how to do this layout ?

Postby aneuryzma on Tue Apr 21, 2009 7:13 pm

Which is the best way to have a page layout with shadow such as this:

http://www.ibm.com/us/en/

I mean.. a easy cross-browser solution.

The height of the website is going to change dynamically (ajax).

thanks
aneuryzma
 
Posts: 41
Joined: Mon Jan 19, 2009 9:10 am

Re: how to do this layout ?

Postby webmaster on Wed Apr 22, 2009 7:20 am

aneuryzma wrote:Which is the best way to have a page layout with shadow such as this:

http://www.ibm.com/us/en/

I mean.. a easy cross-browser solution.

The height of the website is going to change dynamically (ajax).

thanks



I think you need to be more specified, we can't answer how to do a whole website.. What exactly are you wondering?
User avatar
webmaster
Site Admin
 
Posts: 2695
Joined: Tue Aug 17, 2004 1:07 pm
Location: Sweden

Re: how to do this layout ?

Postby aneuryzma on Wed Apr 22, 2009 7:46 am

I'm interested about the background.
I would like to fit my page in that vertical sheet with shadows on both sides.
They didn't just use a background for this.

If it is not clear, I can explain again.
aneuryzma
 
Posts: 41
Joined: Mon Jan 19, 2009 9:10 am

Re: how to do this layout ?

Postby jberry on Tue Sep 15, 2009 2:37 pm

Well the shadow is an image put into the css the code is
Code: Select all
li.ibm-first{background-image:none;padding-left:19px;}#ibm-metrics{background:url(//www.ibm.com/i/v16/t/template-bottom-930.gif) no-repeat 50% 0;margin:0;padding:0;height:15px;}

Same with the right and left shadow. Then the background color is just
Code: Select all
{background:#CCC;color:#000


Dosen't look to hard but that is how they did it.
jberry
100+ Club
 
Posts: 144
Joined: Mon Mar 19, 2007 4:40 pm
Location: Atlantic City, NJ


Who is online

Users browsing this forum: No registered users and 0 guests