HighDots Forums  

Three Columns Layout

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Three Columns Layout in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
shapper
 
Posts: n/a

Default Three Columns Layout - 04-16-2008 , 02:13 PM






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




Reply With Quote
  #2  
Old   
shapper
 
Posts: n/a

Default Re: Three Columns Layout - 04-16-2008 , 05:19 PM






On Apr 16, 8:13 pm, shapper <mdmo... (AT) gmail (DOT) com> wrote:
Quote:
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


Reply With Quote
  #3  
Old   
Gus Richter
 
Posts: n/a

Default Re: Three Columns Layout - 04-16-2008 , 08:15 PM



shapper wrote:
Quote:
On Apr 16, 8:13 pm, shapper <mdmo... (AT) gmail (DOT) com> wrote:
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.

Quote:
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



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.