The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Website misaligned in Firefox, but not Safari.
Karanime
post Sep 3 2009, 05:59 PM
Post #1





Group: Members
Posts: 3
Joined: 3-September 09
Member No.: 9,664



design.karanimenielsen.com

I'm trying to put together a portfolio site, and it just so happens that this site views perfectly in Safari, but the site header is somewhere in the top of the screen in Firefox, and the borders around the links are blue.

How do I fix this?

/<3
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 4 2009, 05:09 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



First you ensure that browsers are in Standards Mode instead of in Quicks Mode by adding an apropriate doctype.

http://htmlhelp.com/tools/validator/doctype.html
http://hsivonen.iki.fi/doctype/

Then you validate the HTML
http://htmlhelp.com/tools/validator/
and check the CSS for errors.
http://jigsaw.w3.org/css-validator/

Please ask if there's something you don't understand in the validators' output. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Karanime
post Sep 7 2009, 12:51 PM
Post #3





Group: Members
Posts: 3
Joined: 3-September 09
Member No.: 9,664



The errors that the validator found are the elements that are working properly.

I'm having problems with the header, but the validator didn't mention any errors.

Since this is a style issue, should I be posting this question in CSS?

/<3
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 7 2009, 01:15 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



QUOTE(Karanime @ Sep 7 2009, 07:51 PM) *

The errors that the validator found are the elements that are working properly.


How do you know? The page is still in Quirks Mode since you have no doctype. That ensures the greatest number of browser discrepancies possible.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Karanime
post Sep 14 2009, 10:22 PM
Post #5





Group: Members
Posts: 3
Joined: 3-September 09
Member No.: 9,664



I honestly have no idea what you're talking about.

Do you know where I can get help when I know very little about HTML?

/<3
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 14 2009, 10:56 PM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,316
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entries Where can I learn about HTML? and Where can I learn about CSS?

There's information about doctype declarations and quirks mode and standards mode here:
http://hsivonen.iki.fi/doctype/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 15 2009, 12:01 AM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



Read that page. You don't have to understand everything it says, just grasp why the doctype is important for how the page displays.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th October 2019 - 04:03 PM