Re: [css-d] nav not floating right

[David Laakso]

On 11/25/11 5:57 AM, mem wrote:

Can you please post your link back online.
k. regards,
Márcio



Yes, please note at very bottom below---





On Nov 23, 2011, at 5:09 , David Laakso wrote:


On 11/22/11 8:21 AM, mem wrote:


http://help.nuvemk.com/zoomHomePage/


Regards,
Márcio



First two rows only to help get it started. Quick checked in IE 6/7/8. Try it 
with font-scaling. Both images will scale down to give you portrait view in 
tablets [768px]. Keep it simple. Make a box: nest boxes in that box.


Best,

Millagros Sanchez
San Miguel de Allende
Mexico



Revised Friday 25 Nov 2011 5:28p ET.


Best,
Millie


--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] nav not floating right

[David Laakso]

On 11/22/11 8:21 AM, mem wrote:



http://help.nuvemk.com/zoomHomePage/


Regards,
Márcio




First two rows only to help get it started. Quick checked in IE 6/7/8. 
Try it with font-scaling. Both images will scale down to give you 
portrait view in tablets [768px]. Keep it simple. Make a box: nest boxes 
in that box.



Best,

Millagros Sanchez
San Miguel de Allende
Mexico



--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] nav not floating right

[David Laakso]

On 11/22/11 8:21 AM, mem wrote:


http://help.nuvemk.com/zoomHomePage/


@David:
Can you please post back your link if possible ?



You have a very different situation now than you had before consequently 
my earlier page will no longer solve the current issues. I will try to 
get back to you in a few hours with some suggestions that may help...



Regards,
Márcio



Best,
~d








--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] nav not floating right

[mem]

> Page with only one header set in it.
> Please see 
> Page should hold and show now in  IE/8 and IE/7.
> Probably needs a little adjustment for IE/7 [guessed-- no IE/7 hereabout now].
> Not sure that repeating the header the way you've done in your sample is 
> going to buy you much more than grief but I am always open to precarious 
> adventures…
> 


http://help.nuvemk.com/zoomHomePage/

FF 7, IE 9, Chrome 15, Safari 5.1 - seems to render and allow 2 times zoom;

IE 7 is a complete mess, it should never be perfect but at least preserve the 
info.

IE 8 - I can even see nothing then the background. 

I've used some display:inline-block; to contain the floats, because overflow 
hidden will not work since I'm using borders with shadows. But perhaps clearfix 
should be used instead  ?


@David:
Can you please post back your link if possible ?

http://chelseacreekstudio.com/me1.html 

If not, no problem. 

Either way, I will try to remake the all think again, since I do believe it 
would be hard to fix all issues here.
 :/

Regards,
Márcio

__
css-discuss [css-d@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] nav not floating right

[David Laakso]

On 11/15/11 8:29 PM, mem wrote:


thanks.

I notice you didn't choose float the nav, but instead text-align right the ul;
I've tried to reproduce that with no success:

http://help.nuvemk.com/floatedFluidLayoutHtml5/index_2.php
http://help.nuvemk.com/floatedFluidLayoutHtml5/style_2.css

I'm to tired already perhaps and it could be something really obvious that I'm 
not getting… :s

K. Regards,
m.






Page with only one header set in it.
Please see 
Page should hold and show now in  IE/8 and IE/7.
Probably needs a little adjustment for IE/7 [guessed-- no IE/7 hereabout 
now].
Not sure that repeating the header the way you've done in your sample is 
going to buy you much more than grief but I am always open to precarious 
adventures...


Best,
~d


--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] nav not floating right

[Paceaux]

try using modrnizer.js for your html5 block elements. 

Or, a simpler solution is to use the Meyer 2.0 CSS reset. In it, Eric Meyer 
declares all the HTML5 block elements as display:block.




Frank M Taylor 
http://frankmtaylor.com
@paceaux


On Nov 15, 2011, at 6:05 PM, mem wrote:

> On Nov 16, 2011, at 24:49 , Philippe Wittenbergh wrote:
> 
>> 
>> On Nov 16, 2011, at 9:33 AM, mem wrote:
>> 
>> IE 7 and 8 do not understand the html5 'nav' element at all. You need some 
>> js to 'explain' that element to those browsers. Search for 'HTML5 shim'
> 
> Thanks.
> 
> Done it. Forgot about that. Long time since I play with it I guess.
> 
> I've added the following between the head tags:
> 
> 
> 
> http://help.nuvemk.com/floatedFluidLayoutHtml5/index_1.php
> 
> The problem seems to persist on both: ie7 and ie8;
> 
> Any clue?
> 
> :(
> 
> 
> __
> css-discuss [css-d@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-discuss [css-d@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] nav not floating right

[David Laakso]

On 11/15/11 8:29 PM, mem wrote:

On Nov 16, 2011, at 1:04 , David Laakso wrote:


Greetings from Tijuana.
Please see
In the head of the document...




thanks.

I notice you didn't choose float the nav, but instead text-align right the ul;
I've tried to reproduce that with no success:

http://help.nuvemk.com/floatedFluidLayoutHtml5/index_2.php
http://help.nuvemk.com/floatedFluidLayoutHtml5/style_2.css

I'm to tired already perhaps and it could be something really obvious that I'm 
not getting… :s

K. Regards,
m.


Greetings from Lima.

I did not really look at your layout closely. So I have no idea where 
you specifically went wrong other than it is all over the place... as in 
somewhat disorganized. Keep it simple. A layout is little more than 
simply visually and physically organizing stuff. It is similar to a type 
cabinet. All the uppercase is in the top of the cabinet and all the 
lowercase is in the bottom of the cabinet. There are drawers for both 
upper and lowercase. Each drawer is divided into  compartments and these 
compartments are nested within each drawer. If you can grasp that 
concept then layout becomes relatively easy. Work at but not too hard. 
And do write the list if Redmond still doesn't get it...



Best,
Millie
Peru



--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] nav not floating right

[mem]

On Nov 16, 2011, at 1:04 , David Laakso wrote:

> Greetings from Tijuana.
> Please see 
> In the head of the document...
> 
> 
> 

thanks.

I notice you didn't choose float the nav, but instead text-align right the ul;
I've tried to reproduce that with no success:

http://help.nuvemk.com/floatedFluidLayoutHtml5/index_2.php
http://help.nuvemk.com/floatedFluidLayoutHtml5/style_2.css

I'm to tired already perhaps and it could be something really obvious that I'm 
not getting… :s

K. Regards,
m.
__
css-discuss [css-d@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] nav not floating right

[mem]

On Nov 16, 2011, at 24:49 , Philippe Wittenbergh wrote:

> 
> On Nov 16, 2011, at 9:33 AM, mem wrote:
> 
> IE 7 and 8 do not understand the html5 'nav' element at all. You need some js 
> to 'explain' that element to those browsers. Search for 'HTML5 shim'

Thanks.

Done it. Forgot about that. Long time since I play with it I guess.

I've added the following between the head tags:



http://help.nuvemk.com/floatedFluidLayoutHtml5/index_1.php

The problem seems to persist on both: ie7 and ie8;

Any clue?

:(


__
css-discuss [css-d@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] nav not floating right

[David Laakso]

On 11/15/11 7:33 PM, mem wrote:


http://help.nuvemk.com/floatedFluidLayoutHtml5/index_1.php

Please ignore the overall lock of the page. The issue seems to be on the nav 
element inside #top;

#top nav

On good browsers, it floats to the right;
On the others, IE 7 and IE 8, it doesn't seem to float the nav element.


k. regards,
mem





Greetings from Tijuana.
Please see 
In the head of the document...



Best,
Milagross Ortiz

--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

__
css-discuss [css-d@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] nav not floating right

[Philippe Wittenbergh]

On Nov 16, 2011, at 9:33 AM, mem wrote:

> http://help.nuvemk.com/floatedFluidLayoutHtml5/index_1.php
> 
> Please ignore the overall lock of the page. The issue seems to be on the nav 
> element inside #top;
> 
> #top nav 
> 
> On good browsers, it floats to the right;
> On the others, IE 7 and IE 8, it doesn't seem to float the nav element.

IE 7 and 8 do not understand the html5 'nav' element at all. You need some js 
to 'explain' that element to those browsers. Search for 'HTML5 shim'

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






__
css-discuss [css-d@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] nav not floating right

[mem]

Hello all,

http://help.nuvemk.com/floatedFluidLayoutHtml5/index_1.php

Please ignore the overall lock of the page. The issue seems to be on the nav 
element inside #top;

#top nav 

On good browsers, it floats to the right;
On the others, IE 7 and IE 8, it doesn't seem to float the nav element.

I thought that it could be because I've floated without explicit declared a 
width, but even with a width it keeps it's behavior.

What could this be ?


k. regards,
mem

__
css-discuss [css-d@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/