Re: [css-d] Same Height Columns - the terror scenario!

[MEM]

> Are you all over the map, or what :-) ?
> Give me a few hours, and I'll think of an even more complicated and
> difficult way to do it. In the meantime, I'm sure you'll find something
> wrong with this:
> 


lol
I just need my coffees!!! O.O
 
But, the reason I've give a picture to the discussion, is just because, 
probably, there is a more simple solution (without columns). to accomplish the 
intended visual effect, that I'm aware of. 
However I now realize that the picture isn't "the all picture", since it 
doesn't represent the fact that, *on same pages, not all, the borders will need 
to have different widths and colors on other pages, however, they will remain 
similar*.
 
On the link provided, I believe we can change the borders width (by moving the 
columns), but we cannot change the border color. (?)
 
On one hand, I can't find a proper solution, and don't have the knowledge to 
create one.
On the other hand, I don't believe that, visually speaking, my request is so 
extravagant that no one have give a thought on this before.

By the worst, I can create extra two divs and repeat-y a 1px back image, and a 
3px grey image on those divs. But aside from the "no-semantic approach" that 
I'd like to avoid, this "pseudo-solution" is not the best to maintain either, 
(since it requires the draw and cut graphics, from time to time).


To more properly describe it, here is a new version, with no equal heights but 
with different borders:
http://www.cantinho.org/pt/cantinho-site/layout9_ups_2.html


Extra motivation to lower the level of some tiredness over my frequent emails: 
"I will post a link for list.css-discuss on the thanks page of this site. A BIG 
ONE. HUGE. Fancy. Well... not that fancy because, in that case, I need to send 
yet another request to the list... :)" 


Márcio



__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Same Height Columns - the terror scenario!

[David Laakso]

MEM wrote:
>
> Here is the intended effect:
> http://www.cantinho.org/pt/cantinho-site/esboco_Page_12.png
>
>
> Thanks a lot,
> Márcio
>
>
>
>   




Are you all over the map, or what :-) ?
Give me a few hours, and I'll think of an even more complicated and 
difficult way to do it. In the meantime, I'm sure you'll find something 
wrong with this:











__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Same Height Columns - the terror scenario!

[MEM]

> Didn't read the other thread, and don't understand
> why you are opening a new thread for the same problem.
> 
It's not the same problem. (if you read the other thread and you will see it's 
not). :)

Anyway, Hi Ingo! :) Thanks for the reply.

> this is because the box that generates the left shadow is moved out of
> box_no_bottom. And since it overflows its container, and
> overflow:hidden is set on the container, the result is ... hidden.
> No overflow required here.

Do you mean overflow:hidden; on the #box_no_bottom ?



> For the effect of three columns separated by a boder, I think faux
> columns should do. 

Unfortunately for me, besides the fact that I don't have left and right borders 
(only center), and no header and footer (see below):

COLUMN 1 | COLUMN 2 | COLUMN 3

I will need different colors and widths on the borders so, I believe faux 
columns will not work.


Maybe I don't need any columns at all, and just need some vertical lines ? 

Here is the intended effect:
http://www.cantinho.org/pt/cantinho-site/esboco_Page_12.png


Thanks a lot,
Márcio









__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Same Height Columns - the terror scenario!

[Ingo Chao]

2009/7/3 talofo talofo :
> ...
>
> I need to have the same height columns and allow the borders of those
> columns, to stay at the same heigh too. Yes, familiar, I know...
> I realise that there are techniques that use a container to contain the
> columns, and then, define overflow:hidden; to the container, among other
> options.
> But, the issue on this "terror scenario", is that, if we give
> overflow:hidden; to the container, named: "box_no_bottom", the left border
> of the Visual Boxes (the ones with shadow borders) disappears.

this is because the box that generates the left shadow is moved out of
box_no_bottom. And since it overflows its container, and
overflow:hidden is set on the container, the result is ... hidden.
No overflow required here.

> http://www.cantinho.org/pt/cantinho-site/layout9_ups.html

For the effect of three columns separated by a boder, I think faux
columns should do. Didn't read the other thread, and don't understand
why you are opening a new thread for the same problem.

Ingo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Same Height Columns - the terror scenario!

[talofo talofo]

Hello again,

I have clean up the code (I suppose), and added the three columns already
discussed and solved earlier with the help of this mailing-list. - (Mail
subject: "Centering floated elements ?") .

The task seems so simple, but achieve it seems like a nightmare (according
to the layout structure):

I need to have the same height columns and allow the borders of those
columns, to stay at the same heigh too. Yes, familiar, I know...
I realise that there are techniques that use a container to contain the
columns, and then, define overflow:hidden; to the container, among other
options.
But, the issue on this "terror scenario", is that, if we give
overflow:hidden; to the container, named: "box_no_bottom", the left border
of the Visual Boxes (the ones with shadow borders) disappears.

Can you please, help me out on this:
http://www.cantinho.org/pt/cantinho-site/layout9_ups.html


Thanks a lot,
Márcio
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/