Re: [css-d] IE7 special code
TO filter the other way you can use something like
.clearing { display:none } /* IE 6 7 */
*|html .clearing { display:block } /* everything else */
Chris
On 3/22/07, Mark Story [EMAIL PROTECTED] wrote:
The selector I've been using with quite a bit of success is
*:first-child+html
so in your circumstance it would be
*:first-child+html .clearing {
This selector uses the invisible super parent object above html that
only IE has, it then uses CSS2 selectors to target the HTML object
something that IE6 cannot do. This selector is completely ignored by
other browsers as they don't have an element above html.
-Mark
Pelle wrote:
Hi all.
I have this in my CSS
* html .clearing {display:none;}
i NEED this to imp+lement in IE7 too, but NOT in Ffx or so.
What is the bug code for this?
In pure .css file cause it is external, no javascript or [if lte IE 7]
works in this case :(
Regards Pelle
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
--
Chris Ovenden
http://thepeer.blogspot.com
Imagine all the people / Sharing all the world
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 Hacks?
Hi all, Is there a simple hack to adjust certain styles? In some instances I need to adjust padding and margin that act differently from IE6. -- Regards Karl __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Hacks?
On 22 Mar 2007, at 18:32, Karl Bedingfield wrote:
Is there a simple hack to adjust certain styles? In some instances I
need to adjust padding and margin that act differently from IE6.
There are a few. If you have a separate IE-only stylesheet, you can use:
selector {
property: value; /* all */
_property: value; /* just IE 6 */
}
(INVALID)
Or the fact that IE6 doesn't understand the same selectors as IE7:
selector {
property: value; /* all */
}
parent + first-selector {
property: value; /* IE7 */
}
parent selector {
property: value; /* IE7 */
}
If you only have one CSS file, you can use these to target IE6/7:
* html { IE = 6 }
* + html { IE = 7 }
Or:
selector {
*property: value; /* IE6 + 7 */
_property: value; /* just IE 6 (to override the IE7 value above) */
}
(INVALID)
Alternatively there's more information available on the CSS-Discuss
Twiki for IE7:
http://css-discuss.incutio.com/?page=IE7
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 Background problem with scrollbar
Dear list members, I usually confident in writing CSS across browsers but one problem with IE7 on a site has me completely stumped - any help / guidance is much appreciated! I've tested the site on Windows XP: Firefox 2.0 - no error IE6 - no error IE7 - error (I will also test on Mac Linux but for now I'm focusing on Windows) How to re-create the error in IE7: drag the right-hand page scroll bar quickly down up .. sometimes a small part of the background image disappears this problem can only be re-crated with a scrollbar in IE7 The live page is (nb: live site): http://www.expressrentacar.co.uk/express_car_hire_london.php Screenshot taken with IE7 on Windows XP: http://www.terranetwork.net/test/ie7error.gif (missing background circled in red) other info: the page has two validation errors but these should be unrelated (one refers to noscript, one refers to target=_blank), otherwise it's valid I'm not sure why the background portion disappears and whether it's CSS related or just IE7 playing up. If somebody has come across this before please let me know - any pointers welcome. Edith Karnitsch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Footer Stick
Hi All I am just having to do a design for someone that involves a sticky footer. I have put the following together: http://www.gmsbuilding.co.uk/ http://gmsbuilding.co.uk/wp-content/themes/GMSBuilding/style.css I believe there might be a hiccup in WinIE 5. Is this correct please? I have checked in other browsers and they all seem to work fine. Any ideas why IE 5 might get upset please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Background problem with scrollbar
I have had this before but only on IE6 and you had to vigorous on the scroll bar! IIRC it was a matter of position: relative; on the offending element, (I may be wrong though!!) Hope it helps... - TerraNetwork - Edith Karnitsch [EMAIL PROTECTED] wrote: Dear list members, I usually confident in writing CSS across browsers but one problem with IE7 on a site has me completely stumped - any help / guidance is much appreciated! I've tested the site on Windows XP: Firefox 2.0 - no error IE6 - no error IE7 - error (I will also test on Mac Linux but for now I'm focusing on Windows) How to re-create the error in IE7: drag the right-hand page scroll bar quickly down up .. sometimes a small part of the background image disappears this problem can only be re-crated with a scrollbar in IE7 The live page is (nb: live site): http://www.expressrentacar.co.uk/express_car_hire_london.php Screenshot taken with IE7 on Windows XP: http://www.terranetwork.net/test/ie7error.gif (missing background circled in red) other info: the page has two validation errors but these should be unrelated (one refers to noscript, one refers to target=_blank), otherwise it's valid I'm not sure why the background portion disappears and whether it's CSS related or just IE7 playing up. If somebody has come across this before please let me know - any pointers welcome. Edith Karnitsch __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 special code
At 11:34 + 23/3/07, Barney Carroll wrote:
Wow! I've been under the false supposition that IE7 did not 'believe' in
the nameless super-html object.
How is it, then, that this works while the simple '* html' selector does
not?
Because while Microsoft fixed * html they introduced another parsing bug :)
Actually you don't need the :first-child since *+html shouldn't
select anything and doesn't in other modern browsers. It's just IE7
that does it.
The only drawback is that if you want to target both IE7 and IE6 et
al, you need to have a double declaration
* html { ... }
*+html { ... }
At 10:50 + 23/3/07, Chris Ovenden wrote:
.clearing { display:none } /* IE 6 7 */
*|html .clearing { display:block } /* everything else */
I think this is the first sighting of this beast in the wild
http://frontend.blogsome.com/2007/01/23/the-flispide-of-star-html/
Of course that's invalid in CSS2.1
It is valid CSS3 as far as I can tell...
http://www.w3.org/TR/css3-namespace/#css-qnames
... but the W3 vaildator claims that it's not which looks like a bug
in the validator to me. Of course, trying to explain that to some
clients may be tricky.
Moreover, you're also going to be targeting older browsers that don't
understand the namespace selector either which may or may not be the
result you're after.
And if we look at the list's very own wiki we find a page dedicated
to IE7 which details even more ways to hack around IE7 including
fuzzy specificity
http://css-discuss.incutio.com/?page=IE7
So, the choice is yours. Obviously though the best solution is to try
and remove the need for the hacks in the first place.
For my own part I've been bumping into serious miscalculations of
both em and percentage sized widths that all other browsers including
IE6 and its oldr siblings handle just fine, but which IE7 gets
hilariously and mysteriously wrong. This is though in pretty complex
layouts and as yet I haven't had the time to roll up my sleeves and
create reduced test cases to see just what is causing these
miscalculations...
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 special code
Alex Robinson wrote:
Because while Microsoft fixed * html they introduced another
parsing bug :)
Actually you don't need the :first-child since *+html shouldn't
select anything and doesn't in other modern browsers. It's just IE7
that does it.
The only drawback is that if you want to target both IE7 and IE6 et
al, you need to have a double declaration
* html { ... }
*+html { ... }
MS fixed the mysterious 'super-root' element. But their support for
those additional selectors in IE 7 reveals another bug, in that
comments (and the DTD stuff at the top of the page is a SGML comment
of sorts) are treated as elements, whereas they should be just
nothing, at parsing time.
(Probably because they have to support that barbarity that is a
Conditional Comment).
Deconstructed:
*+html selects an element that immediately follows another one (any
element), as in
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
HTML
(and IE 7 only support the adjacent sibling combinator in 'standards
mode')
At 10:50 + 23/3/07, Chris Ovenden wrote:
.clearing { display:none } /* IE 6 7 */
*|html .clearing { display:block } /* everything else */
I think this is the first sighting of this beast in the wild
http://frontend.blogsome.com/2007/01/23/the-flispide-of-star-html/
Of course that's invalid in CSS2.1
It is valid CSS3 as far as I can tell...
http://www.w3.org/TR/css3-namespace/#css-qnames
... but the W3 vaildator claims that it's not which looks like a bug
in the validator to me.
The CSS validator doesn't support namespaces, as far as I know.
Try validating this:
style
@namespace a url(http://www.example.com/a);
a|b
/style
b xmlns='http://www.example.com/a'foo/b
Moreover, I don't think browsers should support namespace selectors
in text/html documents. text/html is not namespace aware (browser do
support them in practice).
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 special code
Alex Robinson wrote: ... but the W3 vaildator claims that it's not which looks like a bug in the validator to me. Of course, trying to explain that to some clients may be tricky. Pity the one who finds themselves having to justify lack of css validity and can't... More so if it's actually significant in the client's eyes! Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Background problem with scrollbar
Hi Austin - many thanks for your reply.
The div container already has position: relative; as I had an earlier
problem with the peekaboo bug in IE6 (if I remember correctly content i.e.
text disappeared at random).
The div container CSS is:
#about #note_content {
position: relative; /* IE peek-a-boo bug fix */
margin: 1.5em 10px 2em 10px;
padding: 10px 6px 4px 14px;
background: url(../images/background_note_blue2.gif) top left
no-repeat;
}
The IE7 behaviour is a new error and only affects IE7 from what I can see.
It also does not affect content (text etc.) but only the background image.
Anything else I should try?
with kind regards,
Edith Karnitsch
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Footer Stick
Hi David and All On 23/03/07, ~davidLaakso [EMAIL PROTECTED] wrote: Richard Brown wrote: I am just having to do a design for someone that involves a sticky footer. Oh, no, not another one. The never ending fascination for attempting anything and everything except what CSS is best at eludes me (personal opinion, off-course :-) ). I have put the following together: http://www.gmsbuilding.co.uk/ http://gmsbuilding.co.uk/wp-content/themes/GMSBuilding/style.css I believe there might be a hiccup in WinIE 5. Is this correct please?I have checked in other browsers and they all seem to work fine. Any ideas why IE 5 might get upset please? Your page is not working as intended in any version of win/IE less than version 7.0. And my attempt at your page is not much better: http://chelseacreekstudio.com/ca/cssd/foot-stick/foot-stick.html (uses this method: http://www.themaninblue.com/writing/perspective/2005/08/29/) I think Georg Sortun put up an example of how he does it a few days ago. You might check the archives. That's really your best bet. I checked the archives and having has a read decided it is best to start again and not bother with a sticky footer! Thanks for the reply David - back to the drawing board. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] How to embed Flash movies?
I'm working on a site redesign at www.regencygarden.com/test/ and there are several pages there with Flash movies. They all validate XHTML 1.0 Strict except for the pages with the Flash. The validator doesn't like anything about the embed tag or the attributes therein. How do we embed these movies and stay strict? Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] How to embed Flash movies?
A List Apart covered this awhile back: http://www.alistapart.com/articles/flashsatay/ HTH, Justin On 3/23/07, Michael Stevens [EMAIL PROTECTED] wrote: I'm working on a site redesign at www.regencygarden.com/test/ and there are several pages there with Flash movies. They all validate XHTML 1.0 Strict except for the pages with the Flash. The validator doesn't like anything about the embed tag or the attributes therein. How do we embed these movies and stay strict? Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] How to embed Flash movies?
I hate having to jury rig something but that one was pretty painless. Thanks - Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Justin Myers Sent: Friday, March 23, 2007 9:43 AM Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] How to embed Flash movies? A List Apart covered this awhile back: http://www.alistapart.com/articles/flashsatay/ HTH, Justin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] I'm sure this is an easy problem...
but I'm not having any luck remembering how to fix it... www.regencygarden.com/test/contact.html In IE the table looks good but in FF the cells are twice as tall as in IE. What's the easy fix for that? I thought it was a display: table or display: block applied to the table in the CSS but it's something else. Thanks, Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] I'm sure this is an easy problem...
www.regencygarden.com/test/contact.html
In IE the table looks good but in FF the cells are twice as tall as in IE.
What's the easy fix for that? I thought it was a display: table or
display:
block applied to the table in the CSS but it's something else.
The difference is in the default margins that IE and FF give to the p tag.
IE defaults to 0 while FF is 1em (or thereabouts). Modify your css to this:
p, .p {font-size: 100%; margin: 0;} and it'll clear up the problem.
Jeremy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 Hacks?
Thanks for the advice guys :)
So what do these 'hacks' actuall do@
/* trigger hasLayout and target ie5+6/win only */
* html #nav ul {
height: 1%;
}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav ul {
min-height: 1px;
}
I am squite new to this and just wondered what they do and why they are needed.
Thanks
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 special code
Chris Ovenden wrote:
TO filter the other way you can use something like
.clearing { display:none } /* IE 6 7 */
*|html .clearing { display:block } /* everything else */
Chris
On 3/22/07, Mark Story [EMAIL PROTECTED] wrote:
The selector I've been using with quite a bit of success is
*:first-child+html
so in your circumstance it would be
*:first-child+html .clearing {
This selector uses the invisible super parent object above html that
only IE has, it then uses CSS2 selectors to target the HTML object
something that IE6 cannot do. This selector is completely ignored by
other browsers as they don't have an element above html.
-Mark
Pelle wrote:
Hi all.
I have this in my CSS
* html .clearing {display:none;}
i NEED this to imp+lement in IE7 too, but NOT in Ffx or so.
What is the bug code for this?
In pure .css file cause it is external, no javascript or [if lte IE 7]
works in this case :(
Or avoid a bunch of hacks and just use conditional comments to feed IE7
what it needs. I'm surprised no one has mentioned this yet!
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 special code
david wrote: Or avoid a bunch of hacks and just use conditional comments to feed IE7 what it needs. I'm surprised no one has mentioned this yet! Quite refreshing, innit? I think it's because conditional comments aren't CSS. Increasingly I find more people find it more important to maintain honestly valid HTML than CSS - as long as the markup is sparkling, the horrors underneath can twist and turn to accommodate whatever will eat them. Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Background problem with scrollbar
TerraNetwork - Edith Karnitsch wrote:
The live page is (nb: live site):
http://www.expressrentacar.co.uk/express_car_hire_london.php
...
The div container already has position: relative; as I had an earlier
problem with the peekaboo bug in IE6 (if I remember correctly content i.e.
text disappeared at random).
The div container CSS is:
#about #note_content {
position: relative; /* IE peek-a-boo bug fix */
margin: 1.5em 10px 2em 10px;
padding: 10px 6px 4px 14px;
background: url(../images/background_note_blue2.gif) top left
no-repeat;
}
Never position a container that contains more than thin air relatively
without applying layout [1]
add
zoom:1
alternatively, if you are really sure that IE6 is not buggy this time
min-height:0
Anyway, I'd say you should use Conditional Comments in the Head section
to serve these properties, including position:relative, to IE only.
!--[if IE]style
#about #note_content { zoom: 1; position: relative; }
/style![endif]--
Ingo
[1]
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 Background problem with scrollbar
I forgot to paste the foot note. ;) [1] http://www.satzansatz.de/cssd/onhavinglayout.html Sorry. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] site check for spacing issues
Hi Jeffrey, I took a look at your page on my laptop with IE7 and Opera 9: http://www.melissagerstein.com/tests/akon/akon.htm Because I have a high-definition screen, Windows is set to 120 DPI. Both Opera and IE increase em-based font sizes by 25%, so the alphabet spills onto two lines. Worse, IE7 (not IE6) covers the second line (X Y Z). You may also get this problem if a visitor does not have Arial installed (rare). Mixing text and images like your header is often problematical, especially as you have a tight fit. It will break at any increase in text size. Suggestion (sure to raise some hackles): Make the whole header, including the alphabet, an image. Position a list (preferably using margins) over the alphabet, styled as a horizontal list of square-shaped and appropriately sized links. Floating list items and anchors left will line them up over the letters, kind of like the Night of the image map but with floated links instead of absolute positioning: http://alistapart.com/articles/imagemap You could even use foreground images in those links. You could then apply visibility: hidden to these on hover to get a mouse-over effect. With an alt attribute on each image, you get a working web page with images and/or CSS off. on a side note: does the double-margin float bug effect only horizontal margins? Correct. And only on the float side (example: margin-left for float:left.) Use display:inline on IE floats to fix. Or avoid margins on floats. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] AOL 9 and IE 6 search in nav bar off
HI!
I really need your help.
I have a navigation bar in CSS. It was working great until we added in the
functionality of the search into the navigation bar.
PROBLEM:
If I DO NOT use a closing tag in the navigation bar search form the search
works, but any forms lower on the page will not post properly.
If I use DO USE a closing tag in the navigation bar, forms lower on the page
work, but the the search portion of the navigation bar has displaying problems
in IE 6 and AOL 9 is this an issue. I really need it to be displaying
correctly for both IE 6 and IE 7, .
SAMPLE PAGES:
http://208.106.176.84/about/test.php LOOKS GOOD cross browsers, problem is
there is no closing tag for the search form , but FORMS DONT WORK on the page,
they do not process correctly (they post to the search results page). Here is
the coding for the search in the navigation bar
li id=searchDivform name=SearchForm action=../search/sessearch.php
a id=searchSearch:input type=text name=q size=6nbsp;input
type=submit value=Go class=navbtn/a
/li
http://208.106.176.84/about/index.php WORKS FINE Just NOT LOOKING GOOD in
IE6 and AOL9 properly. I have tried the following coding
A) Works in IE 7 and not IE 6
li id=searchDivform name=SearchForm action=../search/sessearch.php
a id=searchSearch:input type=text name=q size=6 /nbsp;input
type=submit value=Go class=navbtn //a/form
/li
B) Works in IE 6 and not IE 7 and Firefox
li id=searchDivform name=SearchForm action=../search/sessearch.php
a id=search!--[if IE 7]!--/a!--![endif]--
!--[if lte IE 6]tabletrtd![endif]--Search:input type=text name=q
size=6 /nbsp;input type=submit value=Go class=navbtn //a/form
!--[if lte IE 6]/td/tr/table/a![endif]--
/li
C) Works in IE 7 and not IE 6
li id=searchDivform name=SearchForm action=../search/sessearch.php
a id=searchSearch:input type=text name=q size=6 /nbsp;input
type=submit value=Go class=navbtn //a/form
/li
---
This is the students menu in the navigation bar which is right next to the
seach in the navigation bar:
lia href=/students/index.php class=studentsStudents!--[if IE
7]!--/a!--![endif]--
!--[if lte IE 6]tabletrtd![endif]--
ul id=studentsUL
lia href=/students/student_info.php class=parentMembership/a/li
lia href=/students/annual_meeting.php class=parentAnnualbr /
Meeting/a/li
lia href=/students/intern_facts.php class=parentInterns/a/li
/ul
!--[if lte IE 6]/td/tr/table/a![endif]--
/li
My style sheet search references are:
.search {
}
.search {
float:right;
}
#searchDiv {
color:#fff;
background:#8F;
}
input.navbtn{
color:#fff;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;
background-color:#984B4E;
border:1px solid;
border-top-color:#8F;
border-left-color:#8F;
border-right-color:#8F;
border-bottom-color:#8F;
}
Need help ASAP!!
Really appreciate solution for cross-browser functionality.
Thanks!
Healthy regards,
Teresa
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] AOL 9 and IE 6 search in nav bar off
Teresa Pangan wrote: I have a navigation bar in CSS. It was working great until we added in the functionality of the search into the navigation bar. I really need it to be displaying correctly for both IE 6 and IE 7, . http://208.106.176.84/about/test.php http://208.106.176.84/about/index.php There are a lot of validation errors on both pages. This may not resolve the issues you are facing, but one never knows... Best, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] AOL 9 and IE 6 search in nav bar off
HI David!
Thanks for running a validation.
My pages do need to be cleaned up. I will work on that as soon as I can get
the navigation bar working as intended. I have done several elimination
procedures to pinpoint what is the heart of the problem.
The page was rendering fine across over multiple browsers until I added in
the search form in the navigation bar. Thought this would be no problem.
It worked until I realized a form tag was not closed on it so none of my
inserts into databases were working on the site. That fixed, now, just the
simple addition of the /form in the CSS navigation bar it is not rendering in
IE 6 properly.
I am hoping there is a simple fix.
Thanks again for taking a look at my issue. I am hoping someone can help me
before i go bald.
Healthy regards,
Teresa
PROBLEM:
If I DO NOT use a closing tag in the navigation bar search form
the search works, but any forms lower on the page will not post
properly.
If I use DO USE a closing tag in the navigation bar, forms lower
on the page work, but the the search portion of the navigation bar
has displaying problems in IE 6 and AOL 9 is this an issue. I
really need it to be displaying correctly for both IE 6 and IE 7, .
SAMPLE PAGES:
http://208.106.176.84/about/test.php LOOKS GOOD cross browsers,
problem is there is no closing tag for the search form , but FORMS
DONT WORK on the page, they do not process correctly (they post to
the search results page). Here is the coding for the search in the
navigation bar
li id=searchDivform name=SearchForm
action=../search/sessearch.php
a id=searchSearch:input type=text name=q
size=6nbsp;input type=submit value=Go class=navbtn/a
/li
http://208.106.176.84/about/index.php WORKS FINE Just NOT LOOKING
GOOD in IE6 and AOL9 properly. I have tried the following coding
A) Works in IE 7 and not IE 6
li id=searchDivform name=SearchForm
action=../search/sessearch.php
a id=searchSearch:input type=text name=q size=6
/nbsp;input type=submit value=Go class=navbtn //a/form
/li
B) Works in IE 6 and not IE 7 and Firefox
li id=searchDivform name=SearchForm
action=../search/sessearch.php
a id=search!--[if IE 7]!--/a!--![endif]--
!--[if lte IE 6]tabletrtd![endif]--Search:input
type=text name=q size=6 /nbsp;input type=submit value=Go
class=navbtn //a/form
!--[if lte IE 6]/td/tr/table/a![endif]--
/li
C) Works in IE 7 and not IE 6
li id=searchDivform name=SearchForm
action=../search/sessearch.php
a id=searchSearch:input type=text name=q size=6
/nbsp;input type=submit value=Go class=navbtn //a/form
/li
---
This is the students menu in the navigation bar which is right
next to the seach in the navigation bar:
lia href=/students/index.php
class=studentsStudents!--[if IE 7]!--/a!--![endif]--
!--[if lte IE 6]tabletrtd![endif]--
ul id=studentsUL
lia href=/students/student_info.php
class=parentMembership/a/li
lia href=/students/annual_meeting.php
class=parentAnnualbr / Meeting/a/li
lia href=/students/intern_facts.php
class=parentInterns/a/li
/ul
!--[if lte IE 6]/td/tr/table/a![endif]--
/li
My style sheet search references are:
.search {
}
.search {
float:right;
}
#searchDiv {
color:#fff;
background:#8F;
}
input.navbtn{
color:#fff;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;
background-color:#984B4E;
border:1px solid;
border-top-color:#8F;
border-left-color:#8F;
border-right-color:#8F;
border-bottom-color:#8F;
}
Need help ASAP!!
Really appreciate solution for cross-browser functionality.
Thanks!
Healthy regards,
Teresa
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] AOL 9 and IE 6 search in nav bar off
I think David's point was that the kind of error you are seeing can often be caused by other unclosed tags and such, that will also trigger validation errors. The kind of thing you are talking about, for example could easily be caused by unclosed divs and the like. It would be a good thing to clean up the errors, then see if you still have the problem... Just my $0.02, based on my similar experience. Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Teresa Pangan Subject: Re: [css-d] AOL 9 and IE 6 search in nav bar off Thanks for running a validation. My pages do need to be cleaned up. I will work on that as soon as I can get the navigation bar working as intended. I have done several elimination procedures to pinpoint what is the heart of the problem. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Hacks?
Philippe Wittenbergh wrote:
On Mar 24, 2007, at 3:06 AM, Karl Bedingfield wrote:
So what do these 'hacks' actuall do@
/* trigger hasLayout and target ie5+6/win only */
* html #nav ul {
height: 1%;
}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav ul {
min-height: 1px;
}
'hasLayout' is a MSIE only concept that determines how elements are
painted on the canvas.
It is often needed to force elements to behave correctly in that
browser.
Both the 'height' property (all MSIE) and the 'min-height' property
(IE 7) are 'layout' triggers.
Read this a few times:
http://www.satzansatz.de/cssd/onhavinglayout.html
I think that hasLayout is a thing that IE uses as a cheat for speedy
page draws and/or redraws. If something doesn't have layout, IE doesn't
re-render it - it just copies the current bitmap rendering.
Or this seems logical to me.
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
