Header and Buttons, wrong position with Firefox

Freightliner

Hi,

this webpage www.roberto089.com
displays ok with IE,
but with Firefox the 7 Buttons plus the image have shifted up, and the
header has shifted on the left.

Thanks for help.

Feb 27 '08 #1

David E. Ross

On 2/27/2008 9:38 AM, Freightliner wrote:

Hi,

this webpage www.roberto089.com
displays ok with IE,
but with Firefox the 7 Buttons plus the image have shifted up, and the
header has shifted on the left.

Thanks for help.

There are 8 HTML errors. The Style in the <Headarea has 2 CSS errors;
I did not evaluate the inline style attributes in the <Bodyarea.

Each browser responds differently when it tries to display a buggy page.
Therefore, you should not be surprised that IE and Firefox display this
page differently.

--
David Ross
<http://www.rossde.com/>

Have you been using Netscape and now feel abandoned by AOL?
Then use SeaMonkey. Go to <http://www.seamonkey-project.org/>.

Feb 27 '08 #2

Bergamot

Freightliner wrote:

>
this webpage www.roberto089.com
displays ok with IE,
but with Firefox the 7 Buttons plus the image have shifted up, and the
header has shifted on the left.

Besides the coding errors, it looks like you are just hacking away
trying to get something to work without really understanding any of it.
CSS is not something you can learn overnight, and some things don't mean
what you think they do. You should start over.

Try to learn what that stuff is *supposed* to do first. Also try to
abandon thoughts of a "pixel-perfect" layout, because it's an exercise
in futility. Only then may you actually have some success, not to
mention a lot less frustration.

http://brainjar.com/css/positioning/
http://microformats.org/wiki/posh

BTW, that comment you have in the code on the very first line throws IE6
into "quirks" mode. google it if you don't know what that means. There
are numerous sites on the subject, and numerous past discussions in
various newsgroups.

Lastly, between the low contrasting colors and the puny font size I have
no hope of reading the text on those buttons. I bet a lot of other
people will have the same problem.

--
Berg

Feb 27 '08 #3

Freightliner

On Feb 27, 4:05*pm, "David E. Ross" <nob...@nowhere.notwrote:

There are 8 HTML errors.

Can you tell me which?

thanks

Feb 27 '08 #4

Freightliner

On Feb 27, 5:08*pm, Bergamot <berga...@visi.comwrote:

Besides the coding errors, it looks like you are just hacking away
trying to get something to work without really understanding any of it.

Maybe you are right.

CSS is not something you can learn overnight,

I dont have any intention to learn CCS overnight.

and some things don't mean
what you think they do.

That happens quite often in life.

You should start over.

Unfortunately I dont' have the time for that.

Try to learn what that stuff is *supposed* to do first. Also try to
abandon thoughts of a "pixel-perfect" layout, because it's an exercise
in futility. Only then may you actually have some success, not to
mention a lot less frustration.

Thanks, I'll keep in mind your advice.

http://brainjar.com/css/positioning/....org/wiki/posh

BTW, that comment you have in the code on the very first line throws IE6
into "quirks" mode.

Thanks again.

Lastly, between the low contrasting colors and the puny font size

Puny font size?

Feb 27 '08 #5

Chris Beall

"Freightliner" <fr**************@hotmail.comwrote in message
news:18**********************************@x30g2000 hsd.googlegroups.com...
On Feb 27, 5:08 pm, Bergamot <berga...@visi.comwrote:

(snip)

Lastly, between the low contrasting colors and the puny font size

Puny font size?

See http://pages.prodigy.net/chris_beall...nt%20size.html

Bergamot may be able to provide more details about his specific setup and
why he perceives font-size:14 (um, 14 WHAT exactly?) to be 'puny', but the
general principles will be the same regardless.

Chris Beall

Feb 28 '08 #6

Chris Beall

"Freightliner" <fr**************@hotmail.comwrote in message
news:66**********************************@n75g2000 hsh.googlegroups.com...
On Feb 27, 4:05 pm, "David E. Ross" <nob...@nowhere.notwrote:

There are 8 HTML errors.

Can you tell me which?

We could, but you might create a different one next week, so it is more
useful for you to learn to use the validators for HTML and CSS. See
http://pages.prodigy.net/chris_beall/TC/Validation.html

Chris Beall

thanks

Feb 28 '08 #7

rf

"Chris Beall" <Ch*********@prodigy.netwrote in message
news:c2******************@newssvr13.news.prodigy.n et...

>
"Freightliner" <fr**************@hotmail.comwrote in message
news:18**********************************@x30g2000 hsd.googlegroups.com...
On Feb 27, 5:08 pm, Bergamot <berga...@visi.comwrote:

(snip)

>Lastly, between the low contrasting colors and the puny font size

Puny font size?

See http://pages.prodigy.net/chris_beall...nt%20size.html

Bergamot may be able to provide more details about his specific setup and
why he perceives font-size:14 (um, 14 WHAT exactly?) to be 'puny', but the
general principles will be the same regardless.

IIRC Bergamot has a minimum font size of 18px specified. If it isn't him
then it will be somebody else out there.

Those navaigation buttons are *not* text, they are images, at about the same
size as the content which is in font elements: <font size="2"...

This is of course puny but at least the content can be resized (or minimum
sized). The menu text images *cannot* be resized.

This page, with the deprecated elements and all the absolute positioning and
other accessibility issues, should be re-written from the ground up.

--
Richard.

Feb 28 '08 #8

=?iso-8859-1?Q?Kim_Andr=E9_Aker=F8?=

Freightliner wrote:

On Feb 27, 4:05*pm, "David E. Ross" <nob...@nowhere.notwrote:

There are 8 HTML errors.

Can you tell me which?

I see 5 HTML errors at this time, though:
http://validator.w3.org/check?uri=ht...erto089.com%2F

--
Kim André Akerø
- ki******@NOSPAMbetadome.com
(remove NOSPAM to contact me directly)

Feb 28 '08 #9

Freightliner

On Feb 28, 9:29*am, Kim André Akerø <kiman...@NOSPAMbetadome.com>
wrote:

>
I see 5 HTML errors at this time, though:http://validator.w3.org/check?uri=ht...erto089.com%2F

--
Kim André Akerø
- kiman...@NOSPAMbetadome.com
(remove NOSPAM to contact me directly)

Yes... those are errors on the script added by Yahoo WebServer at the
bottom of the page.

Take off those lines, copy and paste in the W3C again, and the page is
valid transitional HTML.

thanks

Feb 28 '08 #10

Freightliner

On Feb 28, 1:02*am, "Chris Beall" <Chris_Be...@prodigy.netwrote:

"Freightliner" <freightliner2...@hotmail.comwrote in message

news:66**********************************@n75g2000 hsh.googlegroups.com...
On Feb 27, 4:05 pm, "David E. Ross" <nob...@nowhere.notwrote:

There are 8 HTML errors.

Can you tell me which?

We could, but you might create a different one next week, so it is more
useful for you to learn to use the validators for HTML

I used the W3C validator *before* opening this thread.

See http://pages.prodigy.net/chris_beall/TC/Validation.html

To return to the topic of the OP, I know that FireFox and IE have a
different behaviour.
What I'd like to know is why in the blue two layers with specific pre-
defined positions in the page move around once it comes to FF.
Anyway, what I did to solve the problem was just to click each one of
the two layers into FrontPage, move them 1 pixel from their position,
save.
Now the page displays fine also with FF.
Since it's important to understand what I do, would you tell me what
was causing the problem in FF before?

thank you

Feb 28 '08 #11

Bergamot

Freightliner wrote:

On Feb 27, 5:08 pm, Bergamot <berga...@visi.comwrote:

>You should start over.

Unfortunately I dont' have the time for that.

There's never time to do it right, but always time to do it over?
Expecting to get paid twice to get it right? More likely, the client
will pay someone else to fix it when they realize it's broken.

Have you looked at the bio page?

>Lastly, between the low contrasting colors and the puny font size

Puny font size?

You snipped this part:

>no hope of reading the text on those buttons.

--
Berg

Feb 28 '08 #12

Beauregard T. Shagnasty

Bergamot wrote:

There's never time to do it right, but always time to do it over?

Here's the problem:

<meta name="generator" content="Yahoo! 2.5/1.5.0_11">

--
-bts
-Friends don't let friends drive Vista

Feb 28 '08 #13

Bergamot

Beauregard T. Shagnasty wrote:

Bergamot wrote:

>There's never time to do it right, but always time to do it over?

Here's the problem:

<meta name="generator" content="Yahoo! 2.5/1.5.0_11">

ack! I didn't notice that before. It explains a lot. :)

--
Berg

Feb 28 '08 #14