Click here to get back home

IE7 Display:BLock and line breaks

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
IE7 Display:BLock and line breaks obaqueiro 03-27-2008
Posted by obaqueiro on March 27, 2008, 2:41 pm
Please log in for more thread options
Hello, if you look at this page:

http://playground.emanuelblagonic.com/creating-nested-drop-down-menus/

Showing a menu and sub-menu web page in Firefox or Opera, the
submenues are shown vertically. This presumably because of the
display:block style which according to the css page (
http://www.w3schools.com/css/pr_class_display.asp ) :

"The element will be displayed as a block-level element, with a line
break before and after the element"


However, when you see the menu page with IE7, the submenus are
displayed incorrectly (horizontally). Is there a way to make it show
correctly?? I have tried with display:list-item and others but can not
achieve the desired effect (make it display vertically, like in
Firefox and Opera and presumably others).

Thank you,

Omar.

Posted by Beauregard T. Shagnasty on March 27, 2008, 3:18 pm
Please log in for more thread options
obaqueiro wrote:

> Hello, if you look at this page:

Look for answers to your multi-post in
comp.infosystems.www.authoring.stylesheets

Please see:
http://oakroadsystems.com/genl/unice.htm#xpost
Thanks for your consideration.

--
-bts
-Friends don't let friends drive Vista

Posted by David E. Ross on March 27, 2008, 6:58 pm
Please log in for more thread options
On 3/27/2008 10:41 AM, obaqueiro wrote:
> Hello, if you look at this page:
>
> http://playground.emanuelblagonic.com/creating-nested-drop-down-menus/
>
> Showing a menu and sub-menu web page in Firefox or Opera, the
> submenues are shown vertically. This presumably because of the
> display:block style which according to the css page (
> http://www.w3schools.com/css/pr_class_display.asp ) :
>
> "The element will be displayed as a block-level element, with a line
> break before and after the element"
>
>
> However, when you see the menu page with IE7, the submenus are
> displayed incorrectly (horizontally). Is there a way to make it show
> correctly?? I have tried with display:list-item and others but can not
> achieve the desired effect (make it display vertically, like in
> Firefox and Opera and presumably others).
>
> Thank you,
>
> Omar.

Actually, IE7 displays the 1st level submenus horizontally (as you said)
but the 2nd level submenus (the subsubmenus) vertically.

The page is XHTML. Since I use only HTML, I haven't paid thorough
attention to threads in this newsgroup regarding XHTML. However, what I
have seen suggests that IE has problems rendering XHTML. I don't know
if this was corrected between IE6 and IE7.

--
David Ross
<http://www.rossde.com/>

Have you been using Netscape and now feel abandoned by AOL?
Then use SeaMonkey. Go to <http://www.seamonkey-project.org/>.

Posted by Beauregard T. Shagnasty on March 27, 2008, 9:00 pm
Please log in for more thread options
David E. Ross wrote:

> .. However, what I have seen suggests that IE has problems rendering
> XHTML. I don't know if this was corrected between IE6 and IE7.

Here's an XHTML page:
http://fingerlakesbmw.org/test/xhtml.php
and an HTML page:
http://fingerlakesbmw.org/test/html.php
and .. ok .. one of these as well:
http://fingerlakesbmw.org/test/xhtml11.php

--
-bts
-Motorcycles defy gravity; cars just suck

Posted by dorayme on March 27, 2008, 9:56 pm
Please log in for more thread options

> Actually, IE7 displays the 1st level submenus horizontally (as you said)
> but the 2nd level submenus (the subsubmenus) vertically.
>
> The page is XHTML. Since I use only HTML, I haven't paid thorough
> attention to threads in this newsgroup regarding XHTML. However, what I
> have seen suggests that IE has problems rendering XHTML. I don't know
> if this was corrected between IE6 and IE7.

You have to serve XHTML as ³text/html² for both.

--
dorayme

Similar ThreadsPosted
DIV without line breaks June 22, 2005, 4:37 pm
preserve line breaks in applet parameters January 27, 2007, 10:10 pm
DOM CSS display:none/block switching hover problem December 29, 2004, 5:08 pm
Thai text rendering issue in browser (line breaks) March 10, 2005, 5:38 pm
Mozila Firefox: iframe keep relocate its position when set display block/hiden of another html component? October 11, 2004, 3:57 pm

and

December 19, 2006, 3:09 pm
table inside div block - no joy April 2, 2006, 6:26 pm
about menu using ul & li, with breaks and right aligned June 13, 2006, 10:01 pm
How to make block elements flow? May 15, 2005, 6:50 pm
DTD? Is address element block or inline? December 15, 2005, 10:16 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap