Wed, 2007-08-22 19:57
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.
Wed, 2007-08-22 20:22
#1
slb wrote:let me know if it
slb wrote:
let me know if it could be done.
Yes.
Thu, 2007-08-23 18:23
#2
Hi Deuce, How can I do
Hi Deuce,
How can I do this? If you don't mind could you please elaborate.
Fri, 2007-08-24 15:14
#3
Could anyone tell me how this could be done?
Fri, 2007-08-24 16:05
#4
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
Fri, 2007-08-24 18:50
#5
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.
Fri, 2007-08-24 20:20
#6
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
Fri, 2007-08-24 20:35
#7
would this technique
would this technique work?
http://www.cssplay.co.uk/layouts/3cols2.html