7 replies [Last post]
slb
Offline
Regular
Last seen: 14 years 36 weeks ago
Joined: 2007-08-20
Posts: 21
Points: 0

Hi,
I am new to css and have come across this problem. Please check the link below and let me know if it could be done.

http://www.zzx.com/csstest/layout_test1.html

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 45 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

slb wrote:let me know if it

slb wrote:
let me know if it could be done.

Yes.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

slb
Offline
Regular
Last seen: 14 years 36 weeks ago
Joined: 2007-08-20
Posts: 21
Points: 0

Hi Deuce, How can I do

Hi Deuce,

How can I do this? If you don't mind could you please elaborate.

slb
Offline
Regular
Last seen: 14 years 36 weeks ago
Joined: 2007-08-20
Posts: 21
Points: 0

Could anyone tell me how this could be done?

Hi,

Please can someone tell me how this could be done.

http://www.zzx.com/csstest/layout_test1.html

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

You might try this

You might try this approach:
#wrapper {
width:600px;
margin:0 auto;
padding:0;
border: 1px solid black;
overflow: hidden;
}

#left {
float:left;
width:278px;
padding:0 5px;
border-right: 1px solid blue;
}

#right {
margin-left: 288px;
width:300px;
padding:0 5px;
border-left: 1px solid red;
}

#right-bottom {
width:298px;
margin: 10px 0 0;
}
You need to wrap your content in appropriate semantic tags, eg., <p>, <hx>. The <div> element is for grouping other elements.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

slb
Offline
Regular
Last seen: 14 years 36 weeks ago
Joined: 2007-08-20
Posts: 21
Points: 0

Thanks a lot

Hi Gary,

I tried ur approach but the problem is i need the borders on both left container and the right bottom container visible and the bottom borders of both of them should be aligned.
I hope u understood what i am trying to achieve.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Due to limitations of

Due to limitations of browser support (okay, IE holds us back once again), what you want is not really, to my knowledge, feasible. Personally, I would rethink my design.

Modern browsers* can do it, demo, but IE can't.

cheers,

gary

* Moz/Gecko family, Opera, Konqueror/Safari

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 45 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

would this technique

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph