471,599 Members | 1,302 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,599 software developers and data experts.

Many Browsers' Problem-It bothers me

Hi,

I am a poor developer.

I made a split menu using html tag <Ul> and <LI>, but I have some problems..
I use the style property as followed by...

.li{
,,,,
display:block;
.....
}

But it works well in IE 6.0, but doesn't work well in IE 7.0 and Firefox.
I am very fretful because for menu.

Let's assume menu's structure are followed by:
//------------------------------------------------------------------------------------------------------------
In IE 6.0
menu is the same as:

#-- AAAA AAAAAAAA <-- first line in list item1
###AAAAAAAAAAA <-- second line in list item1

#-- BBBBBBB BBBBB <-- first line in list item2
###BBBBBBBBB <-- second line in list item2

But, in IE 7.0 and Mozila Firefox
menu is the same as:

#-- AAAA AAAAAAAA
AAAAAAAAAAA

#-- BBBBBBB BBBBB
BBBBBBBBB

symbol '#' is space. Space key is ignored in edit, so I replaced.

//------------------------------------------------------------------------------------------------------------
And then css is followed by:
div#othermenu li a{
height: 25px;
display: ;
line-height: 25px;
text-decoration: none;
color: #646464;
}
//------------------------------------------------------------------------------------------------------------
In above css file, if i replace the "display:" with "display:block", then double line of list item1 will be one line in IE 7.0 . That's second line in list item 1 will be piled up to first line in list item2.

My attachment zip file consists of two:
IE7.0-menu-1.jpg: "display:"
IE7.0-menu.jpg: "display:block" (menu is only ok in IE 6.0)

So, menu breaks our hompage...

I think you have no time to take care of me, but please help me....


Regards/
Attached Files
File Type: zip IE7.0-menus.zip (60.1 KB, 75 views)
Nov 26 '07 #1
4 1202
drhowarddrfine
7,435 Expert 4TB
Remove the 'dot' before the li.

Never use IE as a reference to how things should work, especially IE6.

Without a link or the complete markup, we can only guess at what is wrong; and a picture is not helpful.
Nov 26 '07 #2
there will always be problems with html/css used on different browsers :(
Nov 28 '07 #3
drhowarddrfine
7,435 Expert 4TB
Not necessarily. Typically, the only problems lie with all versions of Internet Explorer. If you write standard markup, it will usually work in all browsers, but sometimes hacks are needed to get IE to comply. Unfortunately, some people use IE as their reference and that is when they get into trouble.
Nov 28 '07 #4
Yes, and when you get IE to comply you get problems with other browsers and so on. the work with browsers takes a lot of a developer time
Nov 28 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

10 posts views Thread by Kenneth Keeley | last post: by
12 posts views Thread by confused | last post: by
12 posts views Thread by code_wrong | last post: by
24 posts views Thread by Greg N. | last post: by
8 posts views Thread by Warren Sarle | last post: by
13 posts views Thread by Alan Silver | last post: by
16 posts views Thread by Mathieu Maes | last post: by
2 posts views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.