By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,481 Members | 1,213 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,481 IT Pros & Developers. It's quick & easy.

Three Columns Layout

P: n/a
Hello,

I created a 2 column layout with header and footer:

http://www.27lamps.com/public/layout.htm

Am I doing this the right way?

One problem I have is when giving padding to my col's div's. Is there
a way to solve this?
The problem is visible. Col3 is under Col1 and Col2.

I am also trying to place an image over the right up corner of the div
Content.
I think i need to change its index but how to place it over that
specific corner?

Thanks,
Miguel

Jun 27 '08 #1
Share this Question
Share on Google+
2 Replies


P: n/a
On Apr 16, 8:13 pm, shapper <mdmo...@gmail.comwrote:
Hello,

I created a 2 column layout with header and footer:

http://www.27lamps.com/public/layout.htm

Am I doing this the right way?

One problem I have is when giving padding to my col's div's. Is there
a way to solve this?
The problem is visible. Col3 is under Col1 and Col2.

I am also trying to place an image over the right up corner of the div
Content.
I think i need to change its index but how to place it over that
specific corner?

Thanks,
Miguel
Hello,

I made a few changes in my code:

http://www.27lamps.com/public/layout.htm

The problems I have are:

1. I am not able to extend my 3 columns so they have the same height.

How can I do this? Do I need to use images somehow?

I would prefer to use CSS only if possible.

2. I am not able to use padding in my columns without breaking the
design.

Could someone, please, help me fixing this problem and also improve my
code?

Thanks,
Miguel
Jun 27 '08 #2

P: n/a
shapper wrote:
On Apr 16, 8:13 pm, shapper <mdmo...@gmail.comwrote:
Hello,

I made a few changes in my code:
http://www.27lamps.com/public/layout.htm

The problems I have are:
1. I am not able to extend my 3 columns so they have the same height.
How can I do this? Do I need to use images somehow?
I would prefer to use CSS only if possible.
Re. 1. Someone will be along directly.
2. I am not able to use padding in my columns without breaking the
design.
Re. 2. Use margin to position the div (column) and use padding on the
div's content to position the content.

--
Gus

Jun 27 '08 #3

This discussion thread is closed

Replies have been disabled for this discussion.