By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,767 Members | 1,198 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,767 IT Pros & Developers. It's quick & easy.

Spacing in IE and Firefox is different

P: n/a

hi

Please see http://thatshindi.oneindia.in in Firefox and IE7. The
spacing between the lines are different. What we see in Firefox is
what we desire.

How do we fix things to make it look right in IE7. To make things
simpler we have uploaded only part of the text on
http://images.oneindia.in/temp/spacing.html The space between the
bullets in IE7 is more than what we want.

Any help is appreciated.

-- greynium
Jan 9 '08 #1
Share this Question
Share on Google+
6 Replies


P: n/a
greynium wrote:
hi

Please see http://thatshindi.oneindia.in in Firefox and IE7. The
spacing between the lines are different. What we see in Firefox is
what we desire.

How do we fix things to make it look right in IE7. To make things
simpler we have uploaded only part of the text on
http://images.oneindia.in/temp/spacing.html The space between the
bullets in IE7 is more than what we want.

Any help is appreciated.
Wow! DIViditis! Why are you using nested DIVs and SPANs to accomplish
what HTML already has an element for a list, UL. Tou just have a
bulleted list of links:

<ul>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
....
</ul>

I guess class names like "Mnormal4" is a clue. Don't use MS Word to make
web pages.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jan 9 '08 #2

P: n/a
On 9 jan, 03:44, greynium <greyn...@gmail.comwrote:
hi

Please seehttp://thatshindi.oneindia.inin Firefox and IE7. The
spacing between the lines are different. What we see in Firefox is
what we desire.

How do we fix things to make it look right in IE7. To make things
simpler we have uploaded only part of the text onhttp://images.oneindia.in/temp/spacing.htmlThe space between the
bullets in IE7 is more than what we want.

Any help is appreciated.

-- greynium
Greynium,

Jonathan is absolutely correct: there are <div>s everywhere in that
webpage and dozens and dozens of CSS declarations.

You definitely should stop using MS-Word to edit your webpages. MS-
Word is a very bad product to use to create webpages.

All you need is a simple list of links like Jonathan told you.

Hand-coding is best but if you are not experienced in web authoring,
then I suggest you
try KompoZer 0.7.10
http://www.kompozer.net/

and then I suggest some reading, learning:

Web design resources: Learning, tips, CSS page templates, tutorials
http://www.gtalbot.org/NvuSection/Nv...Resources.html

KompoZer User Guide (english)
http://www.charlescooke.me.uk/web/ugs01.htm
http://www.charlescooke.me.uk/web/kz-ug-home.htm

Regards, Gérard
Jan 10 '08 #3

P: n/a

hi

Thanks for the suggestion.
We made the changes and they are at http://images.oneindia.in/temp/spacing-ul.html
The only issue we had with the ul/li's was that in 800x600 or even
1024 resolution the bullets looked very huge. We did not want it to be
so prominent.

Do you folks have any suggestion on what we could use for the bullets
that would look classy in all resolutions?

regards,
On Jan 10, 11:46 am, GTalbot <newsgr...@gtalbot.orgwrote:
>
Jonathan is absolutely correct: there are <div>s everywhere in that
webpage and dozens and dozens of CSS declarations.

You definitely should stop using MS-Word to edit your webpages. MS-
Word is a very bad product to use to create webpages.

All you need is a simple list of links like Jonathan told you.

Hand-coding is best but if you are not experienced in web authoring,
then I suggest you
try KompoZer 0.7.10http://www.kompozer.net/

and then I suggest some reading, learning:

Web design resources: Learning, tips, CSS page templates, tutorialshttp://www.gtalbot.org/NvuSection/NvuWebDesignTips/WebDesignResources...

KompoZer User Guide (english)http://www.charlescooke.me.uk/web/ug...kz-ug-home.htm

Regards, Gérard
Jan 10 '08 #4

P: n/a
[Top-posting fixed...]

In article
<e6**********************************@d21g2000prf. googlegroups.com>,
greynium <gr******@gmail.comwrote:
On Jan 10, 11:46 am, GTalbot <newsgr...@gtalbot.orgwrote:

Jonathan is absolutely correct: there are <div>s everywhere in that
webpage and dozens and dozens of CSS declarations.

You definitely should stop using MS-Word to edit your webpages. MS-
Word is a very bad product to use to create webpages.

All you need is a simple list of links like Jonathan told you.

Hand-coding is best but if you are not experienced in web authoring,
then I suggest you
try KompoZer 0.7.10http://www.kompozer.net/
[snip]
hi

Thanks for the suggestion.
We made the changes and they are at
http://images.oneindia.in/temp/spacing-ul.html
The only issue we had with the ul/li's was that in 800x600 or even
1024 resolution the bullets looked very huge. We did not want it to be
so prominent.

Do you folks have any suggestion on what we could use for the bullets
that would look classy in all resolutions?
They look absolutely fine to me. I wouldn't worry about it, since the
size of the bullets is going to vary from browser to browser, and since
you cannot possibly know how big a user's window is going to be when
they browse your site, let alone their monitor settings.

I would, however, suggest cleaning up your css a little - you don't
really need to explicitly put the same class on every li and a in
your ul - you can write css rules such that this is automatically done
for you.

So in your style sheet you can write:

ul.spacingul li, ul.spacingul li a {
/* Mnormal4 styles go in here */
}

I'd also avoid setting font sizes in px units - use 100% for the body,
and maybe 125% for headings and your .spacingul class.

That's already more CSS than should be appropriate for this newsgroup,
though - ask in comp.infosystems.www.authoring.stylesheets if you need
more help with that.
Jan 10 '08 #5

P: n/a
On 10 jan, 04:58, greynium <greyn...@gmail.comwrote:
hi

Thanks for the suggestion.
We made the changes and they are athttp://images.oneindia.in/temp/spacing-ul.html
The only issue we had with the ul/li's was that in 800x600 or even
1024 resolution the bullets looked very huge. We did not want it to be
so prominent.

Do you folks have any suggestion on what we could use for the bullets
that would look classy in all resolutions?

regards,
Greynium,

I again agree with the suggestions submitted by David Stone. The size
of bullets are fine and the size of bullets should now be the very
last concern regarding your site. Your website has a lot of
improvement work to do.

Font size should be ideally in relative unit like %, not in pixels.
"
Do not specify the font-size in pt, or other absolute length units
(like px) for screen stylesheets. They render inconsistently across
platforms and can't be resized by the User Agent (e.g browser). Keep
the usage of such units for styling on media with fixed and known
physical properties (e.g print).
Use relative length units such as percent
"
W3C Quality Assurance tip for webmasters:
Care With Font Size
http://www.w3.org/QA/Tips/font-size

Also
http://k75s.home.att.net/fontsize.html by Beauregard T. Shagnasty
is worth reading and is often mentionned in this newsgroup.

Your css declarations and css rules should be reviewed, clarified,
trimmed, simplified: you are definitely over-coding, over-declaring
and over-constraining. You need here to understand what is CSS
inheritance and how to use it. You also need to understand that
browsers have default values and that CSS 2.1 specification suggests,
recommend default, initial values to properties.

I can not go over all of this with you. Before asking questions in
newsgroups, I strongly recommend that you start with the reading
(tutorials) that was proposed to you so that you can start swimming on
your own, so that you can start fishing by yourself.

Regards, Gérard
Jan 10 '08 #6

P: n/a
Gazing into my crystal ball I observed greynium <gr******@gmail.com>
writing in
news:e6**********************************@d21g2000 prf.googlegroups.com:

Please do not top post - posting correct at bottom
>
On Jan 10, 11:46 am, GTalbot <newsgr...@gtalbot.orgwrote:
>>
Jonathan is absolutely correct: there are <div>s everywhere in that
webpage and dozens and dozens of CSS declarations.

You definitely should stop using MS-Word to edit your webpages. MS-
Word is a very bad product to use to create webpages.

All you need is a simple list of links like Jonathan told you.

Hand-coding is best but if you are not experienced in web authoring,
then I suggest you
try KompoZer 0.7.10http://www.kompozer.net/

and then I suggest some reading, learning:

Web design resources: Learning, tips, CSS page templates,
tutorialshttp://
http://www.gtalbot.org/NvuSection/Nv...esignResources...
>>
KompoZer User Guide
(english)http://www.charlescooke.me.uk/web/ugs01.htmht
tp://www.charlescooke.me.uk/web/kz-ug-home.htm
>>
hi

Thanks for the suggestion.
We made the changes and they are at
http://images.oneindia.in/temp/spacing-ul.html The only issue we had
with the ul/li's was that in 800x600 or even 1024 resolution the
bullets looked very huge. We did not want it to be so prominent.

Do you folks have any suggestion on what we could use for the bullets
that would look classy in all resolutions?
There are all kinds of different "bullets" you can use, or even no
bullets at all. [http://www.w3.org/TR/CSS21/generate.html#list-style]

Also consider that 800x600 or 1024 is empty and meaningless. You do not
know the user's window size (yes, you can _try_ to get it, but browsers
can lie or not give up the information). You do not even know if the
user is using a browser at all - it could be a phone, or a refrigerator
for that matter. Your best bet is to use a flexible design.
--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Jan 11 '08 #7

This discussion thread is closed

Replies have been disabled for this discussion.