[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/

Re: [css-d] Help on 3 Inconsistent Visualization Problems

[talofo talofo]

>
>
>
> Same resources as yesterday.
> 
> 
>
> * htm #foo {/*targets ie/6*/}
>

Yes, but now the issues are also for IE8 and Safari to.
I have give the form a text-align:right; property at, it seems to work. :)

I will clean up the code and reconfirm if all it's ok.


Regards,
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] Help on 3 Inconsistent Visualization Problems

[talofo talofo]

>3) On IE 6:
>The #navcontainer is not properly positioning on IE6. It sticks at the
bottom of the container.
This issue was solved by:
#form_login
{
width:185px;/*I will change this to em - Was this a hasLayout related issue?
I thought that the padding issues wouldn't play a role, only left, right,
floats, etc related positions... But I will read more about it.*/
}

The last issue however, seems to be the more tricky: the input boxes
aligment. And still, no way for doing it. No clue, link, resource...? :s


Regards,
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] Centering floated elements ?

[talofo talofo]

>
> IE/6 does not support min-height or min-width.
> * html .dialog .wrapper { height: 400px; }/* 4 ie/6.0 */
>
>
>  Thanks a lot David,



I don't know why, but if I put * html .dialog .wrapper { height: 400px; }

I get no left and bottom borders (I realize that this description lacks
rigor :s), however,

if I put them on a conditional comment:







It works perfectly.



Thanks for the tip,

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] Really need help - white spaces on zoom in using IE and FF

[talofo talofo]

2008/11/18 Bill Brown <[EMAIL PROTECTED]>

> talofo talofo wrote:
>
>>  You can find a version with all of the code for TheHolierGrail here:
>>>  Link: http://theholiergrail.com/cssd/cantinho-maximal.html
>>>  Size: 3 KB (30 KB uncompressed)
>>> ...and this version contains only the code you need for your project:
>>>  Link: http://theholiergrail.com/cssd/cantinho-minimal.html
>>>  Size: 2 KB (11 KB uncompressed)
>>>
>>  Thanks a lot Bill. Unfortunaly, that has done the trick with FF but not
>> on
>> IE.
>> If I use the IE zoom fuction, I'm still having problems. :(
>>
>
> No worries. I play around with a lot of urls people submit to this list,
> but don't generally comment (or at least, don't /always/ comment).
>
> Anyway, IE7 requires elements to be relative positioned to maintain their
> well, relative positions during page zooming. I've added the fix at the top
> of the page which should now allow this to work properly. Bear in mind that
> this type of fix brings its own set of baggage, especially if you intend to
> work with fly-out menus of any kind.
>
> Same links as above, if you care to have another look.
>
> Best of luck!
>
> Bill
>
>
> --
> 
>



Thanks a lot. It works! I will study a little the code and see what are the
best options (leaving the zoom or put the conditional) knowing that none of
them is ideal.
I will post back the results in some days.

Regards,
Márcio.


ps- David: sorry for the last reply, I forgot to bottom post. :s
__
css-discuss [EMAIL PROTECTED]
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] Really need help - white spaces on zoom in using IE and FF

[talofo talofo]

Thanks a lot. I will give it a try to learn more about how this works,
knowing that I will never controle it. I'm use to it. I've read Plato :-)


Thanks once again,
Márcio






2008/11/18 David Laakso <[EMAIL PROTECTED]>

> talofo talofo wrote:
>
>>
>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>> http://www.cantinho.org/test6.html
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>
>> Using XP and FF 3.0.3 i'm getting the horizontal white space. Tested on
>> two
>> computers.
>>
>> You have told me that, if I remove the comment out in the navigation bar,
>> the vertical difference will become shorter right? In this sense, I
>> thought
>> this was a comment issue... am I wrong?
>>
>> Regards,
>> Márcio
>>
>>
>
>
>
> There is no gap (white space) on the entire right side of the center panel
> with font-scaling in Mac OS  10.4.11 in Firefox/3.0.4.
> There is a gap (white space) on the entire right side of the center panel
> with font-scaling in  XP Firefox/3.0.3.
>
> The below deals only with the gap you are getting with IE/7 and page zoom,
> and nothing at all to do with what yo are seeing in XP Firefox/3.0.3.
>
> I am suggesting that you use html comments to "comment out the menu" so
> that it is not seen by the browser, like so:
> 
> The large gap /may/ go away when you view the page with page zoom in IE/7.0
> if the menu is not seen by the browser. Note that I have not tried this, and
> that this is an untested assumption.
>
> You and your would be Web designer can attempt to control the Web from now
> until forever and then some. In the end she'll win. Hands down.
>
>
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
>
__
css-discuss [EMAIL PROTECTED]
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] Really need help - white spaces on zoom in using IE and FF

[talofo talofo]

2008/11/18 David Laakso <[EMAIL PROTECTED]>

> talofo talofo wrote:
>
>> 2008/11/18 David Laakso <[EMAIL PROTECTED]>
>>
>>
>>
>>> talofo talofo wrote:
>>>
>>>
>>>
>>>>
>>>>
>>>>
>>>>> MEM wrote:
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>> http://www.cantinho.org/test6.html
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>> If I use the IE zoom fuction, I'm still having problems. :(
>>>>>
>>>>>
>>>>
>>>>
>>>>
>>>>
>>> Thanks a lot. I will give it a try once I'm back on my computer.
>> In firefox I have the same issue but, in this case, it makes horizontal
>> white space between the middle columm and the right colummm. Could this
>> also
>> be a comment issue?
>>
>> Regards,
>> Márcio
>>
>>
>>
>
>
> I do not see the issue you refer to when scaling the fonts in Mac OS X
> 10.4.11 Firefox/3.0.4, and  I do not know what you mean by "Could this also
> be a comment issue."
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
>


Using XP and FF 3.0.3 i'm getting the horizontal white space. Tested on two
computers.

You have told me that, if I remove the comment out in the navigation bar,
the vertical difference will become shorter right? In this sense, I thought
this was a comment issue... am I wrong?

Regards,
Márcio
__
css-discuss [EMAIL PROTECTED]
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] Really need help - white spaces on zoom in using IE and FF

[talofo talofo]

2008/11/18 David Laakso <[EMAIL PROTECTED]>

> talofo talofo wrote:
>
>>
>>
>>
>>> MEM wrote:
>>>
>>>
>>>
>>>> http://www.cantinho.org/test6.html
>>>>
>>>>
>>>>
>>> If I use the IE zoom fuction, I'm still having problems. :(
>>
>>
>>
>
>
> The IE/7.0 zoom feature is a *page* zoom. This is a fundamental difference.
> Opera, Firefox, and Seamonkey zoom functions more as a *text* zoom.
> Depending on the structure of the base layout, and the content within it,
> IE/7's page zoom will do funny things to some pages when it zooms the page.
> Your page is among them. Comment out your horizontal menu, for example, zoom
> your page in IE/7, and you'll get the anticipated behavior you expect and
> anticipate-- no huge vertical gap between the content and the menu.
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
> http://chelseacreekstudio.com/
>
>
Thanks a lot. I will give it a try once I'm back on my computer.
In firefox I have the same issue but, in this case, it makes horizontal
white space between the middle columm and the right colummm. Could this also
be a comment issue?

Regards,
Márcio
__
css-discuss [EMAIL PROTECTED]
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] Really need help - white spaces on zoom in using IE and FF

[talofo talofo]

2008/11/17 Bill Brown <[EMAIL PROTECTED]>

> MEM wrote:
>
>> http://www.cantinho.org/test6.html
>> http://www.cantinho.org/css/teste_V6.css
>> This layout is not an ordinary 3 columns layout with head and footer. He
>> has
>> to have the ability to change the border line differently on each column,
>> and the columns height should always be the same and follow the footer.
>> That's why I'm glad with this layout, is CSS, no table, (but I know that
>> The issue is that white space when we use the zoom functions on IE or FF.
>>
>
> Hi Márcio,
>
> For kicks, I coded the URL you submitted into TheHolierGrail framework.
> TheHolierGrail has support for all the border and background changing
> (including full-height columns) that you're seeking and has been tested in
> quite a few browser/os combinations.
>
> You can find a version with all of the code for TheHolierGrail here:
>  Link: http://theholiergrail.com/cssd/cantinho-maximal.html
>  Size: 3 KB (30 KB uncompressed)
>
> ...and this version contains only the code you need for your project:
>  Link: http://theholiergrail.com/cssd/cantinho-minimal.html
>  Size: 2 KB (11 KB uncompressed)
>
> It shouldn't break when zooming in any browser, but when stressed in IE
> (zooming to large text size or unbroken lengthy content like long urls) it
> will save itself by cutting off some content.
>
> There's a thousand arguments for and against the use of frameworks (even
> mine ) and I don't want to start a debate, but I thought I'd offer it up
> as a solution for you. I hope it helps.
> --Bill
>
> --
> 
>




 Thanks a lot Bill. Unfortunaly, that has done the trick with FF but not on
IE.
If I use the IE zoom fuction, I'm still having problems. :(

About the framework, well, I have no reason to use or not to use a
framework...  but I'm trying to learn CSS at the same time I develop the
layout, and the framework you have presented me is too complex for me right
now. I'm to newbie on CSS and I'will develop more CSS on it, and If I don't
understand what I'm doing, the problems could get bigger and bigger.

But, you have not been the only person that have suggested a totally new way
of doing the layout to solve this issue, why is this recurring?

I'm I having a bad layout, cas it seems really easy and easilly
understandable. The ONLY issue is that white space.
Why can't we just fix that problem? Because it's related with all the other
layout pieces?

Thanks a lot for your help,
Márcio
__
css-discuss [EMAIL PROTECTED]
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/