Re: [css-d] missing bullets on unordered list IE7

[Philippe Wittenbergh]

On Feb 27, 2010, at 5:56 AM, jeffrey morin wrote:

> I have an unordered list with the  elements floating left. The discs are
> disappearing and I have read that this is because when you float an item the
> display property is set to block which in turn wipes out the display:
> list-item; that is normally on list items.

That is not correct. In standard compliant browsers (Firefox, Safari), you 
still have a list marker. display:list-item is a special case of display block.
But you mean: the list marker disappears in IE 6 & 7. They disappear because 
the float property triggers 'hasLayout' in those browsers [1].

> Does anyone know if there is a workaround for IE? I would love to avoid
> using a background image to get the discs there.

The best  (or should I say, easiest, most stable) way is to use a 
background-image.

[1] http://www.satzansatz.de/cssd/onhavinglayout.html

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





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

[css-d] IE 7 Breaking Dropdown list for live site

[Eric Heitz]

Recently completed site not showing correctly in IE 7.
HTML valid - 1 Error in javascript <-- I know this is not CSS related
CSS valid

http://eyecarecincinnati.com

Under Our Doctors in IE 7 it is re-flowing the list. Wondering if this is
due a width not set for that list item?

Everything else seems okay.

-
Thanks
Eric
__
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/

[css-d] missing bullets on unordered list IE7

[jeffrey morin]

I have an unordered list with the  elements floating left. The discs are
disappearing and I have read that this is because when you float an item the
display property is set to block which in turn wipes out the display:
list-item; that is normally on list items.

Does anyone know if there is a workaround for IE? I would love to avoid
using a background image to get the discs there.

Jeff
__
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] Gap in IE7

[Thierry Koblentz]

> Do yourself a couple of favors,
> 
> Switch to a more widely supported and stable Doctype (unless you've got
> a really compelling reason to be using your current HTML5 Doctype)
> http://www.w3.org/QA/2002/04/valid-dtd-list.html

The HTML5 doctype is listed in that document and even if it is not a
standard yet, I think it brings a lot to the table (attributes related to
accessibility, iPhone, etc.).

> Then validate against it using the tool here:
> http://validator.w3.org/
> 
> So that you can catch stuff like the missing end-quote on the style
> attribute in this line:
> 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] Gap in IE7

[Shawn Lawler]

*shrugs*, after I reloaded the page it's showing up now.  That line I 
pulled (where it was missing) was straight out of Firefox's view-source.

SCL

On 2/26/2010 10:56 AM, Skip Knox wrote:
> I'm not sure where you saw that. The line reads 40px and there is a quote,
> and I've been on this list for enough years to know to validate my code
> before ever posting a question here!
>
> As for the doctype, I think the President is going to host a debate at Blair
> House real soon
>
>
> Skip Knox
> Boise State University
>
>
>
> On Fri, Feb 26, 2010 at 9:52 AM, Shawn Lawler  wrote:
>
>>
>>
>> On 2/26/2010 9:51 AM, Skip Knox wrote:
>>
>>>
>>> While a suggested fix is welcome, I'd also like to know what the issue
>> is. I
>>> would have researched this myself but was unable for form a search string
>>> that produced any useful results.
>>
>> Do yourself a couple of favors,
>>
>> Switch to a more widely supported and stable Doctype (unless you've got
>> a really compelling reason to be using your current HTML5 Doctype)
>> http://www.w3.org/QA/2002/04/valid-dtd-list.html
>>
>> Then validate against it using the tool here:
>> http://validator.w3.org/
>>
>> So that you can catch stuff like the missing end-quote on the style
>> attribute in this line:
>> 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] Gap in IE7

[Skip Knox]

The ol' reply setting got me. Here's the message I sent to Troy but meant to
send to all.

Skip Knox
Boise State University



On Fri, Feb 26, 2010 at 9:29 AM, Skip Knox  wrote:

> Thanks for the reply. It's interesting; that was the problem all right, but
> the solution wasn't where a person might think. It problem lay in the
> encoding used by my editor, Notepad++.
>
> I saw the stray character and did everything I could think of to delete
> that miserable sob, but without success. Then something clicked, from
> threads on this very list.
>
> I figured using UTF-8 would be correct, since that's what I declare in the
> document. But there's another option: UTF-8 without BOM. I chose that,
> resaved the file and voila.
>
> FYI, the specific issue is encoding with da BOM on a Windows system but
> delivering the file on a Linux system -- which just happens to be how I'm
> working. So anyway, problem solved and thanks to all!
>
> BTW, to Sotiris: the doctype is correct. It's HTML5 and it validates. Just
> sayin'.
>
>
> Skip Knox
> Boise State University
>
>
>
> On Fri, Feb 26, 2010 at 9:10 AM, Troy Harshman  wrote:
>
>> Go to this line in your code and you will notice that here is a dot
>> floating around like so...
>> 
>> ". "
>>
>> That's how it appears in Chrome. In IE6 it's showing a character
>> symbol instead of the dot, which must be what's throwing things off.
>>
>
>
__
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] Gap in IE7

[Skip Knox]

I'm not sure where you saw that. The line reads 40px and there is a quote,
and I've been on this list for enough years to know to validate my code
before ever posting a question here!

As for the doctype, I think the President is going to host a debate at Blair
House real soon


Skip Knox
Boise State University



On Fri, Feb 26, 2010 at 9:52 AM, Shawn Lawler  wrote:

>
>
> On 2/26/2010 9:51 AM, Skip Knox wrote:
>
> >
> > While a suggested fix is welcome, I'd also like to know what the issue
> is. I
> > would have researched this myself but was unable for form a search string
> > that produced any useful results.
>
> Do yourself a couple of favors,
>
> Switch to a more widely supported and stable Doctype (unless you've got
> a really compelling reason to be using your current HTML5 Doctype)
> http://www.w3.org/QA/2002/04/valid-dtd-list.html
>
> Then validate against it using the tool here:
> http://validator.w3.org/
>
> So that you can catch stuff like the missing end-quote on the style
> attribute in this line:
> 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 [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] Gap in IE7

[Shawn Lawler]

On 2/26/2010 9:51 AM, Skip Knox wrote:

>
> While a suggested fix is welcome, I'd also like to know what the issue is. I
> would have researched this myself but was unable for form a search string
> that produced any useful results.

Do yourself a couple of favors,

Switch to a more widely supported and stable Doctype (unless you've got 
a really compelling reason to be using your current HTML5 Doctype)
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Then validate against it using the tool here:
http://validator.w3.org/

So that you can catch stuff like the missing end-quote on the style 
attribute in this line:
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] Gap in IE7

[Al Sparber]

Locate this code:

. 

Before the comment, there is a period. Remove it.

Then remove the paragraph with 3 exclamation points (though it's not causing 
the gap):

Test-academics.boisestate.edu
 !!!

Then use an HTML 4 or xhtml DOCTYPE instead of HTML 5. While it's very cool 
to play with experimental stuff - it's not a good idea for a live site as 
behavior in older browsers could be unpredictable.

-- 
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel

 

__
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] Gap in IE7

[Sotiris Katsaniotis]

στις 26/2/2010 6:26 μμ, O/H Troy Harshman έγραψε:
> The dot is there, it's line 53 when viewing the source in Chrome. If
> you think things are messed up in IE, take a look at it in Opera, the
> whole sidebar doesn't even show. The source doesn't even show the code
> for the sidebar in Opera, which occurs right after the phantom dot.
>
>
Seriously I don't see the dot and I triple checked with Chrome, Firefox, 
IE8. I even used RAW headers right on the webserver.

And to be absolutely honest here's the snip from the source





__
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] Gap in IE7

[Troy Harshman]

The dot is there, it's line 53 when viewing the source in Chrome. If
you think things are messed up in IE, take a look at it in Opera, the
whole sidebar doesn't even show. The source doesn't even show the code
for the sidebar in Opera, which occurs right after the phantom dot.
__
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] Gap in IE7

[Sotiris Katsaniotis]

στις 26/2/2010 6:10 μμ, O/H Troy Harshman έγραψε:
> Go to this line in your code and you will notice that here is a dot
> floating around like so...
> 
> "."
>
> That's how it appears in Chrome. In IE6 it's showing a character
> symbol instead of the dot, which must be what's throwing things off.
> __
> 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/
I don't see any dot at this moment.

It seems that it may be a rendering problem so try for starters by 
declaring a proper DOCTYPE.
Unfortunately I don't have IE7 available at the moment so i'm judging 
just by your sayings.

__
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] Gap in IE7

[Troy Harshman]

Go to this line in your code and you will notice that here is a dot
floating around like so...

". "

That's how it appears in Chrome. In IE6 it's showing a character
symbol instead of the dot, which must be what's throwing things off.
__
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/

[css-d] Gap in IE7

[Skip Knox]

I'm working on a theme I inherited that was the proverbial 80% done and I've
an IE anomaly that I cannot pin down. Here's the test page:
http://boisestate.edu/webresources/utheme/indexskip2.shtml

In Chrome and FF the left menu abuts the dark blue heading above as
intended. In IE7 there is a gap. I've got a string of exclamation points in
the HTML to indicate where the problem lies -- it's in the div called
subhead. But I can't for the life of me figure out what the issue is. This
isn't the usual 2 or 3 px gap, this one's more like 10 or 15.

While a suggested fix is welcome, I'd also like to know what the issue is. I
would have researched this myself but was unable for form a search string
that produced any useful results.


Skip Knox
Boise State University
__
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] site check www.wecweddings.com

[David Laakso]

Noah Learner wrote:
> Hi All,
>
> I have just made http://www.wecweddings.com live.  Any usability feedback is
> greatly appreciated especially on mobile devices.
>
> Many Thanks,
>
> Noah Learner
>   

I see  no grave CSS problem in your site cross-browser in a laptop other 
than the shift-left of the menu when clicking the portfolio link. You 
want to correct the few correctable CSS errors and a number of markup 
errors.

It is relatively functional when viewed in the iPhone simulator 
"iPhoney." And probably easier to read the nav menu in "landscape" view. 
Great difficulty may arise in the less than very "high-end" mobile 
devices. For these you may want to investigate the very simple mobile 
method "Global Authoring Practices for the Mobile Web" by Luca Passani 
.

Best,
~d

-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

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