[CODING HELP] Dreamweaver versus Firefox

adamFTW · 28-09-2007, 01:05 AM

Alright, ive started to code a layout and ive done all the CSS etc. The only problem is that when I use margins and padding it seems to show up in Dreamweaver, but not in the browser. Is there any reason for this?

Dreamweaver:

Browser/Firefox:

+Rep for all contributers.

Also, I do realize that some images that are sliced aren't sliced properly.

Tomm · 28-09-2007, 07:11 AM

Lets see the code ^^

adamFTW · 28-09-2007, 11:30 AM

Here it is:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#body {
	width: 800px;
	height: 700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(images/bodybg.png);
}

#banner {
	width: 800px;
	height: 197px;
	background: url(images/banner.png);
	background-repeat: repeat-y;
}

#lcol {
	width: 33px;
	height: 332px;
	float: left;
}

#home {
	width: 31px;
	height: 109px;
	background-image: url(images/home.png);
}

#about {
	width: 32px;
	height: 109px;
	background-image: url(images/aboutus.png);
}

#contact {
	width: 31px;
	height: 114px;
	background-image: url(images/contactus.png);
}

#banner2 {
	width: 740px;
	height: 53px;
	background-image: url(images/botbanner.png);
	margin-left: -2px;
}

#content {
	width: 664px;
	height: 338px;
	padding-left: 30px;
	margin-left: 30px;
}

#contop {
	width: 664px;
	height: 25px;
	background-image: url(images/contop.png);
}

#conmid {
	width: 664px;
	background-image: url(images/conmid.png);
}

#conbot {
	width: 664px;
	height: 2px;
	background-image: url(images/conbot.png);
}

#rcol {
	width: 29px;
	height: 334px;
	float: right;
	margin-top: 0px;
}

#services {
	height: 109px;
	width: 29px;
	background-image: url(images/services.png);
}

#buy {
	width: 29px;
	height: 109px;
	background-image: url(images/buy.png);
}

#staff {
	width: 29px;
	height: 114px;
	background-image: url(images/staff.png);
}

#footer {
	width: 800px;
	height: 78px;
	margin-top: 31px;
	background-image: url(images/footer.png);
}
</style>
</head>

<body>
<div id="body">
<div id="banner"></div>
<div id="lcol">
<div id="home"></div>
<div id="about"></div>
<div id="contact"></div>
</div>

<div id="banner2"></div>
<div id="rcol">
<div id="services"></div>
<div id="buy"></div>
<div id="staff"></div>
</div>
<div id="content">
<div id="contop"></div>
<div id="conmid">tyvm</div>
<div id="conbot"></div>
</div>



<div id="footer"></div>

</div>
</body>
</html>

RichardKnox · 28-09-2007, 03:41 PM

Bad coding. Thats what it's down to. Dreamweaver SEEMS to use IE standards.

~~Eccentric~~ · 28-09-2007, 05:28 PM

Originally Posted by RichardKnox

Bad coding. Thats what it's down to. Dreamweaver SEEMS to use IE standards.

knocking on from what Richard here has said, I personally would start again?

Chippiewill · 28-09-2007, 06:37 PM

have you used the browser compatibility checker?

adamFTW · 28-09-2007, 10:33 PM

Originally Posted by Eccentric

knocking on from what Richard here has said, I personally would start again?

Alright, Ill try that. Any suggestions on what to do/not do?

ScottDiamond. · 28-09-2007, 10:42 PM

Your coding is crap.

(God I sound like Sygon Chung Shoo Wing Yuh here)

adamFTW · 28-09-2007, 10:45 PM

Any comments on what to fix?

And what about it is 'crap'?

~~Eccentric~~ · 28-09-2007, 10:48 PM

hmm u can minimize the amount of css u use

Thread: [CODING HELP] Dreamweaver versus Firefox

Thread Tools

[CODING HELP] Dreamweaver versus Firefox

Posting Permissions