PDA

View Full Version : problem with IE and my website


Corey
02-13-2006, 11:53 PM
Ok, I created a site in Photoshop and Dreamweaver. I added some content to it, and it shows up and works perfectly in Firefox. But not with Internet Explorer. The page is stretched in IE. I can't figure out why. Anybody know?

Here's a link to the page: :::Link::: (http://www.subjectskateboarding.com/worrellphoto/home.html)

If you need to you can view source.

Thanks for your help!

Creative Insanity
02-14-2006, 02:31 AM
Here is your problem;

<td>
images/spacer.gif</td>
</tr>
<tr>
<td>
images/spacer.gif</td>

<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td>

images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>

<td>
images/spacer.gif</td>
<td>
images/spacer.gif</td>
<td></td>

domedia
02-14-2006, 01:07 PM
There's something going on with the table.. I really wouldn't use a table for this kind of simple design, overkill.

I made a quick version of the general design for this website not using tables:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>WP - Worrell Photography</title>
<meta name="description" content="[Description of website]">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
<!--
body {
text-align: center;
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px
}
#wrapper {
border: 3px solid black;
margin: 10px auto;
text-align: left;;
background: #829DC2;
width: 600px;
}
#img#header {display: block;}
#copyright {
background-color: black;
background-image: url(folder/small-logo.gif) no-repeat center left;
color: white;
font-size: 11px;
text-align: right;
}
-->
</style>
</head>
<body>
<div id="wrapper">
folder/header.jpg
<div id="nav">[your nav here]</div>
<div id="content">[your content here]</div>
<div id="copyright">&copy; Warrell Photography, 2006. All Rights Reserved</div>
</body>
</html>

Corey
02-15-2006, 03:12 AM
alright thanks

Corey
02-18-2006, 03:11 PM
that html you gave me worked great. thanks alot for that. here's how it turned out.

:::Link:::: (http://www.subjectskateboarding.com/worrellphoto/home.html)

domedia
02-18-2006, 03:45 PM
Great!
This is actually a prime example on how a TABLE layout with ease can be transformed to better and more manageable code.

A last tip would be to take all you CSS and save in a seperate .CSS file and then just link to it from the HEAD section of your website.

Corey
02-18-2006, 11:20 PM
ok. i'll try that.

is there an advantage of doing that with the css? or does it just make your code less messy and more managerable?

thanks again.

domedia
02-19-2006, 12:17 AM
There's a couple of advantages:
1. By using one CSS file for the whole site, you only need to edit the CSS file to change appearance sitewide.

2. Increases download time. The CSS file only has to load once (then it will be placed in the browser cache), instead of having to load all the CSS lines inside each HTML document every time a new page is loaded.

3. On a simply theoretical state, you've know seperated 2 different layers of your HTML document, the presentational layer (CSS) in one file and the structural (HTML) in another file.

Corey
02-19-2006, 04:28 PM
Alright, I just changed it all. I made the css files for four pages, because some we're a little different than the others (because of certain text on some pages, but not on others). So it should be faster and perfect now.
Thanks again for all your help.

domedia
02-19-2006, 06:53 PM
It will not get faster by creating one css file for each html file :)
Assemble all your CSS in one file. If you get any problems doing this, post both your html and css file here and I'll have a look at it.

Corey
02-19-2006, 09:40 PM
yah i know, im an idiot. lol. dreamweaver added style tags to some pages text and not others, so i thought i'd need to have different css pages for each, but now i see that it doesnt matter if i have more css than i need, b/c it will be needed in other pages. if you can understand that. lol. well im gonna fix that right now.

EDIT:its all fixed now. should be good.

thanks for your help. i appreciate it.