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

Opera Paragraph Issue

P: n/a
I have a site that is having a strange issue in Opera. For some
reason my paragraphs seem to have some strange left hand margin thing
going off.

I can't think of any reason for it as I have no real styling on the p
tags except for this:

p{
margin: 1em 0;
padding: 0;
line-height: 1.5em;
}

Page is at http://004.e-connected.com/

If anyone can't help me identify this I would really appreciate it.

Thanks in advance!

Rick

Mar 1 '07 #1
Share this Question
Share on Google+
10 Replies


P: n/a
In article
<11*********************@p10g2000cwp.googlegroups. com>,
"thehuby" <th*****@gmail.comwrote:
I have a site that is having a strange issue in Opera. For some
reason my paragraphs seem to have some strange left hand margin thing
going off.

I can't think of any reason for it as I have no real styling on the p
tags except for this:

p{
margin: 1em 0;
padding: 0;
line-height: 1.5em;
}

Page is at http://004.e-connected.com/

If anyone can't help me identify this I would really appreciate it.

How about you helping us to identify it? What is it you are
meaning? In my Opera, all looks fine and lovely enough?

--
dorayme
Mar 1 '07 #2

P: n/a
thehuby wrote:
Page is at http://004.e-connected.com/

If anyone can't help me identify this I would really appreciate it.
What are you, a masochist? Well, here's hoping this *doesn't* help...
I'm getting weirdnesses in both Opera and FF, but maybe my question
below and a bit of voodoo magic will make them go away ;-)

Do you really mean to have, say, 135px instead of 335px in
#middle { padding: 0 335px 0 60px; }?

You'll want to validate your source and CSS, too.

--
John
Mar 1 '07 #3

P: n/a
In article <45**********@news.bluewin.ch>,
John Hosking <Jo**@DELETE.Hosking.name.INVALIDwrote:
thehuby wrote:
Page is at http://004.e-connected.com/

If anyone can't help me identify this I would really appreciate it.

What are you, a masochist? Well, here's hoping this *doesn't* help...
I'm getting weirdnesses in both Opera and FF,
Not weird on Opera 8.51 on a Mac, nor FF 2.0.0.2 on Mac?
but maybe my question
below and a bit of voodoo magic will make them go away ;-)

Do you really mean to have, say, 135px instead of 335px in
#middle { padding: 0 335px 0 60px; }?

You'll want to validate your source and CSS, too.
Not that there is nothing wrong...

--
dorayme
Mar 1 '07 #4

P: n/a
It was Opera 9 and Windows XP.

I corrected the few CSS issues and that fixed the bug.

I actually tracked it down to the fact that I was including a CSS file
that didn't actually exist. No idea why that would cause the margin
issue on paragraphs but I have tested it and can replicate the issue
by including a non-existent style sheet.

Thanks for the feedback guys!

Mar 1 '07 #5

P: n/a
On 1 Mar, 00:19, "thehuby" <theh...@gmail.comwrote:
I have a site that is having a strange issue in Opera.
I don't have an Opera to hand I'm afraid
But this:
line-height: 1.5em;
concerns me on a rough initial template for a page that claims to be
"acccessible"

Why not just use line-height: 1.5; if you want some extra spacing?

Mar 1 '07 #6

P: n/a

"Andy Dingley" <di*****@codesmiths.comwrote in message
news:11**********************@v33g2000cwv.googlegr oups.com...
On 1 Mar, 00:19, "thehuby" <theh...@gmail.comwrote:
I have a site that is having a strange issue in Opera.

I don't have an Opera to hand I'm afraid
But this:
line-height: 1.5em;

concerns me on a rough initial template for a page that claims to be
"acccessible"

Why not just use line-height: 1.5; if you want some extra spacing?
ooh, (if you have the time/inclination) could you explain further why using
em for line-height is bad in regards to accesibility? tia as they say.
Mar 5 '07 #7

P: n/a
In article <ia*********************@eclipse.net.uk>,
"the red dot" <re*@dot.spotwrote:
"Andy Dingley" <di*****@codesmiths.comwrote in message
news:11**********************@v33g2000cwv.googlegr oups.com...
On 1 Mar, 00:19, "thehuby" <theh...@gmail.comwrote:
I have a site that is having a strange issue in Opera.
I don't have an Opera to hand I'm afraid
But this:
line-height: 1.5em;
concerns me on a rough initial template for a page that claims to be
"acccessible"

Why not just use line-height: 1.5; if you want some extra spacing?

ooh, (if you have the time/inclination) could you explain further why using
em for line-height is bad in regards to accesibility? tia as they say.
Yu could look at

<http://members.optushome.com.au/droovies/test/lineHeight.html>

for an example of the difference

--
dorayme
Mar 5 '07 #8

P: n/a
On 5 Mar, 02:52, dorayme <doraymeRidT...@optusnet.com.auwrote:
In article <iaSdnfxo_qxL9HbYRVny...@eclipse.net.uk>,
"the red dot" <r...@dot.spotwrote:
"Andy Dingley" <ding...@codesmiths.comwrote in message
news:11**********************@v33g2000cwv.googlegr oups.com...
On 1 Mar, 00:19, "thehuby" <theh...@gmail.comwrote:
I have a site that is having a strange issue in Opera.
I don't have an Opera to hand I'm afraid
But this:
line-height: 1.5em;
concerns me on a rough initial template for a page that claims to be
"acccessible"
Why not just use line-height: 1.5; if you want some extra spacing?
ooh, (if you have the time/inclination) could you explain further why using
em for line-height is bad in regards to accesibility? tia as they say.

Yu could look at

<http://members.optushome.com.au/droovies/test/lineHeight.html>
Try:

p.big {font-size: 200%; line-height: 1.2em}
p.small {font-size: 80%; line-height: 1.2em}

Mar 5 '07 #9

P: n/a

"dorayme" <do************@optusnet.com.auwrote in message
news:do**********************************@news-vip.optusnet.com.au...
In article <ia*********************@eclipse.net.uk>,
"the red dot" <re*@dot.spotwrote:
"Andy Dingley" <di*****@codesmiths.comwrote in message
news:11**********************@v33g2000cwv.googlegr oups.com...
On 1 Mar, 00:19, "thehuby" <theh...@gmail.comwrote:
I have a site that is having a strange issue in Opera.
>
I don't have an Opera to hand I'm afraid
>
>
But this:
>
line-height: 1.5em;
>
concerns me on a rough initial template for a page that claims to be
"acccessible"
>
Why not just use line-height: 1.5; if you want some extra spacing?
>
ooh, (if you have the time/inclination) could you explain further why
using
em for line-height is bad in regards to accesibility? tia as they say.

Yu could look at

<http://members.optushome.com.au/droovies/test/lineHeight.html>

for an example of the difference

--
aha as simple (and obvious) as that... cheers
Mar 5 '07 #10

P: n/a
In article
<11**********************@v33g2000cwv.googlegroups .com>,
"Roy A." <ro*********@gmail.comwrote:
<http://members.optushome.com.au/droovies/test/lineHeight.html>

Try:

p.big {font-size: 200%; line-height: 1.2em}
p.small {font-size: 80%; line-height: 1.2em}
Why? Do you not know the purpose of me posting this to help OP?

--
dorayme
Mar 5 '07 #11

This discussion thread is closed

Replies have been disabled for this discussion.