Opera Bug: need help

Hello All:

I have launched a testing phase of my website on sanskrit poetry. It
uses CSS and HTML only, so far. I was checking my page in IE and Mozilla
and the results were nice so far. Yesterday I happen to check the page
in Opera and the result was awful :-(

http://www.stutimandal.com/gif_misc/vishnu_vandanam.htm

Can someone suggest if there is something wrong with the CSS or is it
just Opera?

Also, in MS-IE, the anchor links or navigation bar on top is not
middle-aligned. I used a width of 700 px and gave 150px left margin to
the 400px-wide "div containg nav-list". In Mozilla the result was as
expected. Seems IE is adding some padding or something somewhere.

Finally, is there a way to align Nav-links at bottom to the real bottom
without using space and breaks? I did google, but could not settle with
something meaningful.

Thanks a lot for the help.
Best regards,
Animesh

kchayka wrote:

Animesh Kumar wrote:

I was checking my page in IE and Mozilla
and the results were nice so far.

http://www.stutimandal.com/gif_misc/vishnu_vandanam.htm


Hmmm... try it in mozilla again, but this time zoom text up a notch or
two. The layout is rather broken.

BTW, you probably don't realize you haven't set a body background color.
My browser default, which is not white, shows through. It is not very
attractive.

hi

I am aware of the bug you mentioned. I have to fix it some day after
reading the CSS block elements.

Actually I have a div which has a repetitive background (see
div#master). Inside #master, I have two divs -- the second div which is
div#rightcol does not defines the height of the div#master (if it did,
the background will extend all the way). My guess is p-element is again
a block level element and is messing up the layout. Any suggestions?

I will set the body-background color. Indeed as I said things are in a
testing phase and bugs (like the one you said) have to be fixed.

Thanks,
Animesh

Animesh Kumar <animesh1978 (AT) gmail (DOT) com> wrote:

I have launched a testing phase of my website on sanskrit poetry. It
uses CSS and HTML only, so far. I was checking my page in IE and Mozilla
and the results were nice so far. Yesterday I happen to check the page
in Opera and the result was awful :-(

http://www.stutimandal.com/gif_misc/vishnu_vandanam.htm

Can someone suggest if there is something wrong with the CSS or is it
just Opera?

Given the subject line you seem to have already made up your mind.

Your doctype triggers quirks mode in most browsers. You should use
strict coding with a matching doctype, dump the mixup between XHTML and
HTML and the <center> and <font> crap.

A document should be structured with at least one header, they should
not be used to select a font size, but in an hierarchical and successive
manner.

Opera centers the "midcol", since you've not positioned it this is
perfectly normal behaviour.

--
Spartanicus

Spartanicus wrote:

Animesh Kumar <animesh1978 (AT) gmail (DOT) com> wrote:


I have launched a testing phase of my website on sanskrit poetry. It
uses CSS and HTML only, so far. I was checking my page in IE and Mozilla
and the results were nice so far. Yesterday I happen to check the page
in Opera and the result was awful :-(

http://www.stutimandal.com/gif_misc/vishnu_vandanam.htm

Can someone suggest if there is something wrong with the CSS or is it
just Opera?


Given the subject line you seem to have already made up your mind.

No no I haven't made up my mind. Since Mozilla and IE were showing it
properly, I guessed it to be a bug with Opera. Sorry about that.

Your doctype triggers quirks mode in most browsers. You should use
strict coding with a matching doctype, dump the mixup between XHTML and
HTML and the <center> and <font> crap.

I see, so your reply suggests me that <center> is not suitable in HTML.
I am looking at the w3.org site to find out which tags are allowed in
HTML. Btw, does this mean XHTML supports <center> tag? The font tag was
introduced in a jiffy. I will look again at it.

A document should be structured with at least one header, they should
not be used to select a font size, but in an hierarchical and successive
manner.

Sorry, I didn't get your point here.

Opera centers the "midcol", since you've not positioned it this is
perfectly normal behaviour.

Okay thanks! I will look more into my buggy design. I just started about
3 months ago with HTML & CSS on a weekend basis, so there will be
sometime since I mature with everything. Thanks for all the suggestions.
If you can find more bugs at my site, I shall be obliged.

PS: any good tutorial on positioning?

Best regards,
Animesh

Toby Inkster wrote:

Animesh Kumar wrote:


http://www.stutimandal.com/gif_misc/vishnu_vandanam.htm
Can someone suggest if there is something wrong with the CSS or is it
just Opera?


Neither -- your HTML.

Thanks for pointing this out. I am going to polish my clunky HTML skills.

Ditch the big <center>...</center> element wrapping the whole page and
find some other way of centring the content on the page (perhaps using
auto-width margins?)

Hmm can you cite one example of this auto-width (do you mean left: 25%
and right: 25%)?

PS: I Need a tutorial on positioning as well, if you know a good one.

Best regards,
Animesh

Toby Inkster wrote:

Animesh Kumar wrote:


http://www.stutimandal.com/gif_misc/vishnu_vandanam.htm
Can someone suggest if there is something wrong with the CSS or is it
just Opera?


Neither -- your HTML.

Ditch the big <center>...</center> element wrapping the whole page and
find some other way of centring the content on the page (perhaps using
auto-width margins?)

Hey Guys:

I removed <center> tag using margin-left: auto; margin-right: auto;.

Opera & Mozilla/FF display the page correctly. IE doesn't centers the
content on my poetry page though :-(. Though IE does actually center the
main page using that trick. I will dig more into it, but I dunno if
there is some hack around this stuff.

Best regards,
Animesh

Animesh Kumar <animesh1978 (AT) gmail (DOT) com> wrote:

Your doctype triggers quirks mode in most browsers. You should use
strict coding with a matching doctype, dump the mixup between XHTML and
HTML and the <center> and <font> crap.

I see, so your reply suggests me that <center> is not suitable in HTML.

Nor any other type of presentational markup. HTML should be used to
structure and semantically mark up content. Styling such as alignment
should be done via CSS.

I am looking at the w3.org site to find out which tags are allowed in
HTML. Btw, does this mean XHTML supports <center> tag? The font tag was
introduced in a jiffy. I will look again at it.

Use a strict doctype in your documents, you can then run your documents
through the w3c HTML validator and it'll throw errors when you use
presentational elements.

A document should be structured with at least one header, they should
not be used to select a font size, but in an hierarchical and successive
manner.

Sorry, I didn't get your point here.

The first header in a document should be an h1, subsections below that
should be preceded by h2, subsections of the h2 section should be
preceded by an h3 etc.

PS: any good tutorial on positioning?

Positioning is tricky to get right, budding CSS authors often make the
mistake of using positioning before they have the skills to do it right.
An example: http://homepage.ntlworld.com/spartanicus/temp.png

I'd advice to stay clear of positioning until you are skilled with CSS.

--
Spartanicus

Spartanicus wrote:

Animesh Kumar <animesh1978 (AT) gmail (DOT) com> wrote:
snip


Nor any other type of presentational markup. HTML should be used to
structure and semantically mark up content. Styling such as alignment
should be done via CSS.

Good I understand it after making mistakes.

<snip>

Use a strict doctype in your documents, you can then run your documents
through the w3c HTML validator and it'll throw errors when you use
presentational elements.

Hmm thanks for this tip. I used a doctype, but as per your suggestion,
rightly so, I should make my document strict HTML.

snip

The first header in a document should be an h1, subsections below that
should be preceded by h2, subsections of the h2 section should be
preceded by an h3 etc.

That's fine. I understand this, but how does it relate to the webpage in
question (or rather tatters)?

PS: any good tutorial on positioning?


Positioning is tricky to get right, budding CSS authors often make the
mistake of using positioning before they have the skills to do it right.
An example: http://homepage.ntlworld.com/spartanicus/temp.png

I'd advice to stay clear of positioning until you are skilled with CSS.

Hmm, I have read the block model, padding etc stuff from Meyer's book.
Mostly you learn computer scripting/coding by applying them and I think
I am that stage. Running away from positioning isn't going to help my cause.

Please do suggest if you know any positioning guide.

Re: The picture you showed: I am aware of that bug. I tried to fix it a
while ago, without success. (I explained what, I feel, is the error in
last reply to you).

Best regards and thanks,
Animesh

Animesh Kumar <animesh1978 (AT) gmail (DOT) com> wrote:

The first header in a document should be an h1, subsections below that
should be preceded by h2, subsections of the h2 section should be
preceded by an h3 etc.

That's fine. I understand this, but how does it relate to the webpage in
question (or rather tatters)?

The webpage in question contains a sole h2.

PS: any good tutorial on positioning?

Positioning is tricky to get right, budding CSS authors often make the
mistake of using positioning before they have the skills to do it right.
An example: http://homepage.ntlworld.com/spartanicus/temp.png

I'd advice to stay clear of positioning until you are skilled with CSS.

Hmm, I have read the block model, padding etc stuff from Meyer's book.
Mostly you learn computer scripting/coding by applying them and I think
I am that stage.

You are wrong.

Running away from positioning isn't going to help my cause.

It will, there are few good reasons to resort to positioning, and many
drawbacks. Study the flow instead.

--
Spartanicus

Spartanicus wrote:

Animesh Kumar <animesh1978 (AT) gmail (DOT) com> wrote:


The first header in a document should be an h1, subsections below that
should be preceded by h2, subsections of the h2 section should be
preceded by an h3 etc.

That's fine. I understand this, but how does it relate to the webpage in
question (or rather tatters)?


The webpage in question contains a sole h2.

Consider h1 > h2 > h3 .. in terms of font sizes, can't we just pick one
which suits our purpose? Or Should I choose <h1> and style it at
appropriate size? I thought <h1> with a size equal to <h2> or an <h2>
are identical --- provided the page will not use any other h-tag (as is
the case).

PS: any good tutorial on positioning?

Positioning is tricky to get right, budding CSS authors often make the
mistake of using positioning before they have the skills to do it right.
An example: http://homepage.ntlworld.com/spartanicus/temp.png

I'd advice to stay clear of positioning until you are skilled with CSS.

Hmm, I have read the block model, padding etc stuff from Meyer's book.
Mostly you learn computer scripting/coding by applying them and I think
I am that stage.


You are wrong.

You mean I am intellectually challenged or my argument about
"scripting/coding" was wrong?

Running away from positioning isn't going to help my cause.


It will, there are few good reasons to resort to positioning, and many
drawbacks. Study the flow instead.

Hmm, but I do have to position the two divs which have meaning and
poetry columns. Are you suggesting that it can be done using flow too?

Best regards,
Animesh