Re: [css-d] Nav borders

[~davidLaakso]

Daniel Hammond wrote:
>> Daniel Hammond wrote:
>> 
>>> On www.southpawbrothers.com, the top borders of the 
>>>   
>> navigation links 
>> 
>>> show up in Firefox (as they should), but they don't show up 
>>>   
>> in IE. Why?
>> 
>>> Daniel Hammond
>>>   
>
>   
>> Probably a combination of things  is causing that specific 
>> problem, but there are other issues too:
>> Although your css is valid, the markup is not (always a good 
>> idea to validate before posting).
>> - id's are unique, they can only be used once on a page (you 
>> have used #nav several times)
>> - you have no doctype, consequently ie is in quirksmode, and 
>> rendering even among the compliant browsers may be different
>> - you are using proprietary html in the table
>> - and you are using i-frames (which complicates things a 
>> little)
>> 
>
>
> I'm checking the validation of my markup, and it's telling me that there is
> no attribute "height". As you can see on
> www.southpawbrothers.com/index2.htm, if I remove the "height" tag from the
> invisible table that encompasses all of the site's content, it obviously
> moves everything to the top of the browser window. Is there a way, without
> using "height", to keep the look (www.southpawbrothers.com/index.htm) that I
> want, with the content centered vertically as well as horizontally in the
> browser?
>   
Yes. And you can use css to do it.You do not need a table as you have no 
tabular data. However, and this is important, I would /not/ recommend 
centering it vertically and horizontally, as that causes usability and 
accessibility problems.

A better option is to do a simple one or two column tableless layout and 
let the content determine its own height without restriction.
> Also, how would I keep the "hover" action on the nav links as they are in
> the ...index.htm file without using the div tags the way that I did?
>   
By using the correct doctype (you'll have to stay with transitional if 
you continue with the i-frames, although you might consider eliminating 
them and using a different approach) with a tableless layout that has 
valid css and markup.
> Another thing: what do you mean by proprietary html?
>   
Run your file through Tidy Online (uncheck the output xhtml box before 
you do so)  . Tidy will point out why the 
file is html proprietary.
> Daniel Hammond
> www.objectivedesigns.com
>   
If you plan to continue to use a table, someone else will need to help 
you. I have never made a table.
If you plan to continue to use i-frames, someone else will need to help you.

Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Nav borders

[Daniel Hammond]

> Daniel Hammond wrote:
> > On www.southpawbrothers.com, the top borders of the 
> navigation links 
> > show up in Firefox (as they should), but they don't show up 
> in IE. Why?
> > Daniel Hammond

> Probably a combination of things  is causing that specific 
> problem, but there are other issues too:
> Although your css is valid, the markup is not (always a good 
> idea to validate before posting).
> - id's are unique, they can only be used once on a page (you 
> have used #nav several times)
> - you have no doctype, consequently ie is in quirksmode, and 
> rendering even among the compliant browsers may be different
> - you are using proprietary html in the table
> - and you are using i-frames (which complicates things a 
> little)


I'm checking the validation of my markup, and it's telling me that there is
no attribute "height". As you can see on
www.southpawbrothers.com/index2.htm, if I remove the "height" tag from the
invisible table that encompasses all of the site's content, it obviously
moves everything to the top of the browser window. Is there a way, without
using "height", to keep the look (www.southpawbrothers.com/index.htm) that I
want, with the content centered vertically as well as horizontally in the
browser?

Also, how would I keep the "hover" action on the nav links as they are in
the ...index.htm file without using the div tags the way that I did?

Another thing: what do you mean by proprietary html?

Daniel Hammond
www.objectivedesigns.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Nav borders

[~davidLaakso]

Daniel Hammond wrote:
> On www.southpawbrothers.com, the top borders of the navigation links show up
> in Firefox (as they should), but they don't show up in IE. Why?
> Daniel Hammond
Probably a combination of things  is causing that specific problem, but 
there are other issues too:
Although your css is valid, the markup is not (always a good idea to 
validate before posting).
- id's are unique, they can only be used once on a page (you have used 
#nav several times)
- you have no doctype, consequently ie is in quirksmode, and rendering 
even among the compliant browsers may be different
- you are using proprietary html in the table
- and you are using i-frames (which complicates things a little)
The good news is that someone far more experienced than me will read 
this, and point you toward a path of salvation.
Regards,
~dL
PS Very nice illustration!

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Nav borders

[Daniel Hammond]

On www.southpawbrothers.com, the top borders of the navigation links show up
in Firefox (as they should), but they don't show up in IE. Why?

Daniel Hammond
www.objectivedesigns.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/