Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Opera Bug: need help

Reply
Thread Tools

Opera Bug: need help

 
 
Animesh Kumar
Guest
Posts: n/a
 
      08-08-2005
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
 
Reply With Quote
 
 
 
 
kchayka
Guest
Posts: n/a
 
      08-09-2005
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.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
 
Reply With Quote
 
 
 
 
Animesh Kumar
Guest
Posts: n/a
 
      08-09-2005
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
 
Reply With Quote
 
Spartanicus
Guest
Posts: n/a
 
      08-09-2005
Animesh Kumar <(E-Mail Removed)> 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
 
Reply With Quote
 
Toby Inkster
Guest
Posts: n/a
 
      08-09-2005
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?)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

 
Reply With Quote
 
Animesh Kumar
Guest
Posts: n/a
 
      08-09-2005
Spartanicus wrote:
> Animesh Kumar <(E-Mail Removed)> 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
 
Reply With Quote
 
Animesh Kumar
Guest
Posts: n/a
 
      08-09-2005
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
 
Reply With Quote
 
Animesh Kumar
Guest
Posts: n/a
 
      08-09-2005
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
 
Reply With Quote
 
Spartanicus
Guest
Posts: n/a
 
      08-09-2005
Animesh Kumar <(E-Mail Removed)> 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
 
Reply With Quote
 
Animesh Kumar
Guest
Posts: n/a
 
      08-09-2005
Spartanicus wrote:

> Animesh Kumar <(E-Mail Removed)> 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
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Comparisons of IE, Opera and Firefox on DOM (Javascript/CSS) support(Opera wins) Bob HTML 24 05-21-2006 05:31 PM
Need opinions on Opera for IE replacement Zilbandy Computer Security 9 04-02-2006 09:23 AM
CSS based horizontal menu bar, need help as not working in Opera & Mac/IE Reckless HTML 1 10-20-2004 09:19 AM
Opera 7.53 vs Opera 6.0 ? Hockey Buff Computer Support 3 08-17-2004 08:53 PM
Help, I can't get rid of the opera browser KarateKid Computer Support 1 08-13-2003 04:54 PM



Advertisments