473,387 Members | 1,492 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

CSS problem in IE with lists - display inline

I have created a design and although in firefox it looks as desired in
IE the horizontal menu is acting weird.

The first element of the inline list menu has no left padding and as a
result the whole menu doesn't take the 100% of the width.

I have tried many combinations in order to fix this problem but
nothing. I would appreciate any help I can get. You can view the site
here: http://depika.biz/marie/site/Site_English/

Thanks in advance

Depika

May 10 '06 #1
3 1293
On 10 May 2006 09:13:01 -0700 Depika <ka******@gmail.com> wrote:

| I have created a design and although in firefox it looks as desired in
| IE the horizontal menu is acting weird.
|
| The first element of the inline list menu has no left padding and as a
| result the whole menu doesn't take the 100% of the width.
|
| I have tried many combinations in order to fix this problem but
| nothing. I would appreciate any help I can get. You can view the site
| here: http://depika.biz/marie/site/Site_English/

I'm seeing other problems with my Firefox display, probably because of my
window size and/or font type and size selections. Here are captures of
what I see:

http://phil.ipal.org/usenet/ciwas/20...0/depika-1.png
http://phil.ipal.org/usenet/ciwas/20.../depika-1a.png
http://phil.ipal.org/usenet/ciwas/20...0/depika-2.png
http://phil.ipal.org/usenet/ciwas/20...0/depika-3.png

The "1a" is like "1" but with "select all" chosen in the browser menu to
highlight all text so it can be seen where it fits in other elements.

The "2" and "3" using increasingly larger font sizes. You don't really
know what the nominal font size will be on some arbitrary user's browser.

--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
| (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------
May 10 '06 #2
Oh you are right!! the site looks awful....

Can you suggest some sites that have some instructions for this
specific issue?

Depika

May 10 '06 #3
On 10 May 2006 11:51:51 -0700 Depika <ka******@gmail.com> wrote:

| Oh you are right!! the site looks awful....
|
| Can you suggest some sites that have some instructions for this
| specific issue?

I don't know example what you are trying to accomplish. I think one of
the things you may be encountering is something I encountered in some
test/demo pages I've posted here where the width of an inner box is not
consistent with the way it resizes its parent box.

I'm still dabbling in making a horizontal menu row, usually for the top
edge of a page. Your case is a tad bit different because the box below
the menu needs to be the same size (I'm guessing). This seems like it
needs a table layout. A table with the first row being divided up into
N cells for N buttons, and the 2nd row having colspan=N so it encompasses
all the columns of the buttons, would be the starting point. Then you
have to make sure the background colors and everything fills up what it
needs to. The fact that N on the upper row is different than the N on
the lower row would complicate this. That might require a nesting of
tables where you have an outer table of 3 rows of just 1 column, and in
the first row a new table of 1 row and 7 columns, and in the third row,
a new table of 1 row and 5 columns. Or you can avoid that complication
by just letting the "subscribe to our newsletter" take up the last 3 of 7
columns.

Unfortunately, if you do use tables, you have to choose between doing it
CSS or having it work on IE. But I think if you have tables in HTML and
do the rest of th styling in CSS it should work. Make a special class
to style a button slightly different (different color, for example) and
use that class (maybe with the class for all buttons) on the one table
cel(TD element) that identifies that page. Then at least you have a
minimum of coding in HTML and nothing needs to change in CSS between
each page.

--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
| (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------
May 11 '06 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: e n | c k m a | last post by:
Anyone know how to keep the list-style-image visible when using display: inline for a horizontal list? Also, how to possibly have the text a little higher than the list-style-image? I've...
4
by: Axel Dahmen | last post by:
Hi, current browsers don't support "display: inline-block;" and "display: inline-table;", resp. Thus I'm using "float: left;" to achieve a similar effect. Problem is that if a row of elements...
23
by: Mat | last post by:
<div id="container"> <div id="main"> <div id="header"> <p class="Address">123 Fake Street, </p> <p class="City">Crazy City, </p> <p class="Province">Ontario </p> <p class="PostalCode">H0H...
4
by: txican | last post by:
the HTML is: ---------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html> <head> <title>foo</title>...
5
by: Haines Brown | last post by:
A much discussed issue, but I'm unable to get results. Using galeon as browser. I have a div, the bottem border of which is solid and serves as a base line. My aim is to line up next to each...
5
by: CES | last post by:
All, I was hoping that someone might be able to help me with a few questions on Aligning Block Elements properly... Basically I have a row that has a fixed width of 900px. Within the row their is...
11
by: totalstranger | last post by:
I have a check box with let's say 20 elements. I would like to have it align as 4 columns, 5 rows. Without using a table and using understandable CSS is there any way to make the check boxes align...
2
by: Steve Richter | last post by:
I would like to use display:inline and other CSS attributes to build an entry form. Where the heading to the left of the text box is always a set width. It is not working so I am experimenting...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

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.