PDA

Click to See Complete Forum and Search --> : HELP? Site not showing correctly in other browsers

Parkay
10-22-2005, 05:39 AM
I created a site using DreamWeaver 4. When I view it in NETSCAPE or other browsers, it doesn't show correctly. The colors have changed and the alignment is off. I have been trying to get this rectified for 2 weeks. Most places say sign up for a fee to see an answer; others have you click 150 million times to get to the answer and you never reach it. I'm exhausted.
I'm new to web design and this is my first.... whew!

HELP? PLEASEEEEEEE (SMILE)... thank you.

Oh, the site is http://www.insidethekingdom.com
infinium
10-22-2005, 03:45 PM
Parkay,

I took a look at your site really quick... and I think that a lot of your problems would be easier to recognize if you put all or your style information into a seperate css file. It would clean up your code significantly, and help you recognize where the problems might be.
Kevey
10-23-2005, 06:34 AM
I agree with Josh. For your first attempt I think you did a fine job. The bottom line is "are you getting the message out" and I would say yes. Having said that, I think there are always ways to make the experience more powerful for the visitors.

To start on the path to fixing your site: add the following text as the first statement in your html to tell browsers what type of document they are looking at:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Then create a stylesheet...you can call it anything, for example, kingdom.css. Place all of your style info in that document (its just a text file you can create in Notepad) and reference that document in your html like this:
<link rel="stylesheet" type="text/css" href="/css/kingdom.css" media="print" />

So now when you type <div class="abc"> This is a sentence</div> the browser already knows how that class will affect the margins, font size, color, weight etc. Do a search on google for CSS, or search on this site. It's a painful thing to get through, but makes your docs look really good across most browsers (with the occasional exception).

Post here again when you get stuck.