Tabs and IE7
7 views
Skip to first unread message
Stig Nicolaisen
Nov 16, 2009, 8:09:45 AM11/16/09
to object-or...@googlegroups.com
Hello Nicole
I saw that you have tested your first pass tabs in IE6, among other browsers.
I tested the tabs in IE7with an IE tester tool, and I`m curious about this line in the tabs.css:
.tabs .hd li{display:table-cell;_display:inline;vertical-align:middle;}
The underscore in front of display:inline, opens for IE6, whilst using the star hack will open for both IE6 and IE7 to display the tabs inline.
Like this:
.tabs .hd li{display:table-cell;*display:inline;vertical-align:middle;}
Rgds
Stig N
Murray Nuttall
Nov 16, 2009, 3:30:16 PM11/16/09
to object-or...@googlegroups.com
Hi Stig,
Do the tabs display correctly in IE7? If so then the rule "display:inline" is restricted to IE6 so that, one day when IE6 is gone, we can remove our _hacks without any fear of breaking IE7.
Where are these new tabs anyway? I've updated my local copy and can't see anything.
m.
Do the tabs display correctly in IE7? If so then the rule "display:inline" is restricted to IE6 so that, one day when IE6 is gone, we can remove our _hacks without any fear of breaking IE7.
Where are these new tabs anyway? I've updated my local copy and can't see anything.
m.
Stig Nicolaisen
Nov 16, 2009, 5:28:55 PM11/16/09
to object-or...@googlegroups.com
Hi Murray,
I found the tabs.html (and the css files) at http://github.com/stubbornella/oocss/.
The tabs.html and tabs.css were added on the 5th of november: "tabs - first pass, tested: IE6, FF, Safari, Opera"
MarcRic put up an example earlier, on this list: http://www.oocss.marcric.com/public/
I tested his page, and a local copy I made from Nicoles files on Github, and I found that IE7 did not align the tabs horizontal.
I checked the display property at quirksmode, and IE6/7 do not support the declaration display:table (table-row and table-cell).
I get the point with the _hacks being removed when we finally get rid of IE6, but I`m not so sure that we will get rid of the star hack at the same time, due to limitations and faults with IE7?
Stig N
Nicole Sullivan
Nov 16, 2009, 5:51:18 PM11/16/09
to object-or...@googlegroups.com
The tabs are *very* alpha, I may have forgotten to test the latest iteratin in IE7. We'll probably need to change the _ to a *
N
Sent from my iPhone
Sent from my iPhone
Stefan Frede
Nov 19, 2009, 5:29:55 AM11/19/09
to Object Oriented CSS
Hi!
Is there a reason why only the current tab is shown:
.tabs .bd li { display:none; }
.tabs .bd li.current { display:block; }
Or is it just because tabs are early alpha?
Stefan
On 16 Nov., 23:51, Nicole Sullivan <nic...@stubbornella.org> wrote:
> The tabs are *very* alpha, I may have forgotten to test the latest iteratin
> in IE7. We'll probably need to change the _ to a *
>
> N
>
> Sent from my iPhone
>
> On Nov 16, 2009, at 2:28 PM, Stig Nicolaisen <stig.nicolai...@gmail.com>
> wrote:
>
> Hi Murray,
>
> I found the tabs.html (and the css files) athttp://github.com/stubbornella/oocss/.
Is there a reason why only the current tab is shown:
.tabs .bd li { display:none; }
.tabs .bd li.current { display:block; }
Or is it just because tabs are early alpha?
Stefan
On 16 Nov., 23:51, Nicole Sullivan <nic...@stubbornella.org> wrote:
> The tabs are *very* alpha, I may have forgotten to test the latest iteratin
> in IE7. We'll probably need to change the _ to a *
>
> N
>
> Sent from my iPhone
>
> wrote:
>
> Hi Murray,
>
> I found the tabs.html (and the css files) athttp://github.com/stubbornella/oocss/.
> The tabs.html and tabs.css were added on the 5th of november: "tabs - first
> pass, tested: IE6, FF, Safari, Opera"
>
> MarcRic put up an example earlier, on this list:http://www.oocss.marcric.com/public/
> I tested his page, and a local copy I made from Nicoles files on Github, and
> I found that IE7 did not align the tabs horizontal.
>
> I checked the display property at
> quirksmode<http://www.quirksmode.org/css/display.html>,
> pass, tested: IE6, FF, Safari, Opera"
>
> MarcRic put up an example earlier, on this list:http://www.oocss.marcric.com/public/
> I tested his page, and a local copy I made from Nicoles files on Github, and
> I found that IE7 did not align the tabs horizontal.
>
> I checked the display property at
> and IE6/7 do not support the declaration display:table (table-row and
> table-cell).
>
> I get the point with the _hacks being removed when we finally get rid of
> IE6, but I`m not so sure that we will get rid of the star hack at the same
> time, due to limitations and faults with IE7?
>
> Stig N
>
> 2009/11/16 Murray Nuttall <murray.nutt...@gmail.com>
> table-cell).
>
> I get the point with the _hacks being removed when we finally get rid of
> IE6, but I`m not so sure that we will get rid of the star hack at the same
> time, due to limitations and faults with IE7?
>
> Stig N
>
>
>
>
>
>
> > Hi Stig,
> > Do the tabs display correctly in IE7? If so then the rule "display:inline"
> > is restricted to IE6 so that, one day when IE6 is gone, we can remove our
> > _hacks without any fear of breaking IE7.
>
> > Where are these new tabs anyway? I've updated my local copy and can't see
> > anything.
>
> > m.
>
> > On Tue, Nov 17, 2009 at 2:09 AM, Stig Nicolaisen <
> > stig.nicolai...@gmail.com> wrote:
>
> >> Hello Nicole
>
> >> I saw that you have tested your first pass tabs in IE6, among other
> >> browsers.
> >> I tested the tabs in IE7with an IE tester tool<http://my-debugbar.com/wiki/IETester/HomePage>,
>
>
>
>
> > Hi Stig,
> > Do the tabs display correctly in IE7? If so then the rule "display:inline"
> > is restricted to IE6 so that, one day when IE6 is gone, we can remove our
> > _hacks without any fear of breaking IE7.
>
> > Where are these new tabs anyway? I've updated my local copy and can't see
> > anything.
>
> > m.
>
> > On Tue, Nov 17, 2009 at 2:09 AM, Stig Nicolaisen <
> > stig.nicolai...@gmail.com> wrote:
>
> >> Hello Nicole
>
> >> I saw that you have tested your first pass tabs in IE6, among other
> >> browsers.
> >> and I`m curious about this line in the tabs.css:
>
> >> .tabs .hd li{display:table-cell;_display:inline;vertical-align:middle;}
>
> >> The underscore in front of display:inline, opens for IE6, whilst using the
> >> star hack will open for both IE6 and IE7 to display the tabs inline.
>
> >> Like this:
>
> >> .tabs .hd li{display:table-cell;*display:inline;vertical-align:middle;}
>
> >> Rgds
> >> Stig N
>
> --
> Stig Nicolaisen
> Sagstuvn 20c, 1405 Langhus
> Mob: 92481881
> E-post: stig.nicolai...@gmail.com
>
> >> .tabs .hd li{display:table-cell;_display:inline;vertical-align:middle;}
>
> >> The underscore in front of display:inline, opens for IE6, whilst using the
> >> star hack will open for both IE6 and IE7 to display the tabs inline.
>
> >> Like this:
>
> >> .tabs .hd li{display:table-cell;*display:inline;vertical-align:middle;}
>
> >> Rgds
> >> Stig N
>
> --
> Stig Nicolaisen
> Sagstuvn 20c, 1405 Langhus
> Mob: 92481881
Nicole Sullivan
Nov 19, 2009, 5:05:53 PM11/19/09
to object-or...@googlegroups.com
I really want the project to be JS agnostic, and I don't want OOCSS to become a JS framework (there are enough great ones out there). I've been thinking about ways to change tabs, make sliders, etc without becoming a JS framework, like maybe a hash table with key word mapping between the frameworks (e.g. current = selected = on = visible). Any suggestions would be welcome.
The only JS I want to have in the framework is a tiny file which will attach all the necessary events, then let all the heavy lifting be done by existing frameworks. Is it possible? Not sure.
None of this has been done because this is still alpha (I'm trying to release faster and iterate!).
Nicole
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=.
--
Nicole Sullivan
Object Oriented CSS http://wiki.github.com/stubbornella/oocss
Smush it http://smush.it
Website http://stubbornella.org
Book Even Faster Websites with O'Reilly
MarcRic
Nov 19, 2009, 8:48:56 PM11/19/09
to Object Oriented CSS
I'm focusing on browsers last versions only:
Had a few alignment problems with Opera 10, Safari 4 and Chrome 4, but
succeed using Firefox 3.5.5 and IE8.
Snapshots here:
http://www.oocss.marcric.com/public/img/oocss_tabs_FF-3_5_5.PNG
http://www.oocss.marcric.com/public/img/oocss_tabs_IE-8.PNG
Regards.
On Nov 16, 8:51 pm, Nicole Sullivan <nic...@stubbornella.org> wrote:
> The tabs are *very* alpha, I may have forgotten to test the latest iteratin
> in IE7. We'll probably need to change the _ to a *
>
> N
>
> Sent from my iPhone
>
> On Nov 16, 2009, at 2:28 PM, Stig Nicolaisen <stig.nicolai...@gmail.com>
> wrote:
>
> Hi Murray,
>
> I found the tabs.html (and the css files) athttp://github.com/stubbornella/oocss/.
Had a few alignment problems with Opera 10, Safari 4 and Chrome 4, but
succeed using Firefox 3.5.5 and IE8.
Snapshots here:
http://www.oocss.marcric.com/public/img/oocss_tabs_FF-3_5_5.PNG
http://www.oocss.marcric.com/public/img/oocss_tabs_IE-8.PNG
Regards.
On Nov 16, 8:51 pm, Nicole Sullivan <nic...@stubbornella.org> wrote:
> The tabs are *very* alpha, I may have forgotten to test the latest iteratin
> in IE7. We'll probably need to change the _ to a *
>
> N
>
> Sent from my iPhone
>
> wrote:
>
> Hi Murray,
>
> I found the tabs.html (and the css files) athttp://github.com/stubbornella/oocss/.
> The tabs.html and tabs.css were added on the 5th of november: "tabs - first
> pass, tested: IE6, FF, Safari, Opera"
>
> MarcRic put up an example earlier, on this list:http://www.oocss.marcric.com/public/
> I tested his page, and a local copy I made from Nicoles files on Github, and
> I found that IE7 did not align the tabs horizontal.
>
> I checked the display property at
> quirksmode<http://www.quirksmode.org/css/display.html>,
> pass, tested: IE6, FF, Safari, Opera"
>
> MarcRic put up an example earlier, on this list:http://www.oocss.marcric.com/public/
> I tested his page, and a local copy I made from Nicoles files on Github, and
> I found that IE7 did not align the tabs horizontal.
>
> I checked the display property at
> and IE6/7 do not support the declaration display:table (table-row and
> table-cell).
>
> I get the point with the _hacks being removed when we finally get rid of
> IE6, but I`m not so sure that we will get rid of the star hack at the same
> time, due to limitations and faults with IE7?
>
> Stig N
>
> 2009/11/16 Murray Nuttall <murray.nutt...@gmail.com>
> table-cell).
>
> I get the point with the _hacks being removed when we finally get rid of
> IE6, but I`m not so sure that we will get rid of the star hack at the same
> time, due to limitations and faults with IE7?
>
> Stig N
>
>
>
>
> > Hi Stig,
> > Do the tabs display correctly in IE7? If so then the rule "display:inline"
> > is restricted to IE6 so that, one day when IE6 is gone, we can remove our
> > _hacks without any fear of breaking IE7.
>
> > Where are these new tabs anyway? I've updated my local copy and can't see
> > anything.
>
> > m.
>
> > On Tue, Nov 17, 2009 at 2:09 AM, Stig Nicolaisen <
> > stig.nicolai...@gmail.com> wrote:
>
> >> Hello Nicole
>
> >> I saw that you have tested your first pass tabs in IE6, among other
> >> browsers.
> >> I tested the tabs in IE7with an IE tester tool<http://my-debugbar.com/wiki/IETester/HomePage>,
>
>
> > Hi Stig,
> > Do the tabs display correctly in IE7? If so then the rule "display:inline"
> > is restricted to IE6 so that, one day when IE6 is gone, we can remove our
> > _hacks without any fear of breaking IE7.
>
> > Where are these new tabs anyway? I've updated my local copy and can't see
> > anything.
>
> > m.
>
> > On Tue, Nov 17, 2009 at 2:09 AM, Stig Nicolaisen <
> > stig.nicolai...@gmail.com> wrote:
>
> >> Hello Nicole
>
> >> I saw that you have tested your first pass tabs in IE6, among other
> >> browsers.
> >> and I`m curious about this line in the tabs.css:
>
> >> .tabs .hd li{display:table-cell;_display:inline;vertical-align:middle;}
>
> >> The underscore in front of display:inline, opens for IE6, whilst using the
> >> star hack will open for both IE6 and IE7 to display the tabs inline.
>
> >> Like this:
>
> >> .tabs .hd li{display:table-cell;*display:inline;vertical-align:middle;}
>
> >> Rgds
> >> Stig N
>
> --
> Stig Nicolaisen
> Sagstuvn 20c, 1405 Langhus
> Mob: 92481881
> E-post: stig.nicolai...@gmail.com
>
> >> .tabs .hd li{display:table-cell;_display:inline;vertical-align:middle;}
>
> >> The underscore in front of display:inline, opens for IE6, whilst using the
> >> star hack will open for both IE6 and IE7 to display the tabs inline.
>
> >> Like this:
>
> >> .tabs .hd li{display:table-cell;*display:inline;vertical-align:middle;}
>
> >> Rgds
> >> Stig N
>
> --
> Stig Nicolaisen
> Sagstuvn 20c, 1405 Langhus
> Mob: 92481881
Reply all
Reply to author
Forward
0 new messages