9 replies [Last post]
deco1610
deco1610's picture
Offline
newbie
Last seen: 4 years 3 weeks ago
Timezone: GMT+1
Joined: 2010-07-01
Posts: 4
Points: 5

Hey guys, wondering if someone can help me.

I've been designing a website for the last few weeks, and I had been testing it solely in IE. I now realise that this was a mistake, as when I open it in firefox, while 4 out of the 5 pages on the site (its a small site) do appear correctly, the fifth one doesn't.

They're all running under the same style sheet, but whenever I open this particular page, the sidebar moves down to the bottom of the page, and sits down there where the footer should be. The footer, meanwhile, goes up to where the sidebar should be.

Here is what I believe is the offending bit of code.

Thanks in advance!!!

/* Sidebar */
 
#sidebar {
	align: left;
	float: left;
	width: 280px;
	padding: 0px;
	color: #787878;
}
 
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
 
#sidebar li {
	margin: 0;
	padding: 0;
	border-right: 1px solid #E9E3CB;
}
 
#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}
 
#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dotted #E5E0C6;
	margin: 0px 30px;
	border-right: none;
}
 
#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}
 
#sidebar h2 {
	background: url(images/edited2.png) no-repeat left top;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 6px;
	letter-spacing: -.5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
 
#sidebar p {
	margin: 0 0px;
	padding: 10px 30px 20px 30px;
	text-align: justify;
}
 
#sidebar a {
	border: none;
	color: #464032;
}
 
#sidebar a:hover {
	text-decoration: underline;
	color: #8A8A8A;
}

jon19870
jon19870's picture
Offline
Enthusiast
Lancashire, England, UK
Last seen: 44 weeks 9 hours ago
Lancashire, England, UK
Timezone: GMT+2
Joined: 2007-01-05
Posts: 195
Points: 194

Come on dude, use your brain

Come on dude, use your brain before posting, do you really think anybody will be able to fully resolve any issues you are having when they can't replicate the problem themselves. You have merely posted some CSS, what help is this without HTML? Stare

deco1610
deco1610's picture
Offline
newbie
Last seen: 4 years 3 weeks ago
Timezone: GMT+1
Joined: 2010-07-01
Posts: 4
Points: 5

Alright... Here's the actual

Alright...

Here's the actual URL of the page thats giving me hassle.

Compare the versions in Firefox and in IE and you'll see where I'm coming from

http://www.dgmoran.com/ver3%20page2.htm

jon19870
jon19870's picture
Offline
Enthusiast
Lancashire, England, UK
Last seen: 44 weeks 9 hours ago
Lancashire, England, UK
Timezone: GMT+2
Joined: 2007-01-05
Posts: 195
Points: 194

Your HTML on that page is

Your HTML on that page is shocking mate. Why have you structured your HTML so differently on this page in comparison to all the others. Compare them, it's very easy to see what's wrong. You have buried the sidebar container very deep down in the HTML. Pull it back up to the higher level so it's on line with the content container and then work from there. To be honest, I would suggest copying one of your other pages and starting again for this page.

deco1610
deco1610's picture
Offline
newbie
Last seen: 4 years 3 weeks ago
Timezone: GMT+1
Joined: 2010-07-01
Posts: 4
Points: 5

Ok, I hear what you're

Ok, I hear what you're saying, but to me all the pages are structured quite similarly. The sidebar is, you're right, buried deep down in the HTML. But thats the case for all of the other 4 pages, and there aren't any problems arising from these, really.

Its just very confusing and frustrating for me; trying to get the first website I've 'designed' in my life to work, and not having any idea what I'm doing wrong!!!

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 3 years 34 weeks ago
Ireland
Joined: 2007-08-13
Posts: 315
Points: 276

Before you go about trying to

Before you go about trying to get the content where you want it you need to sort out your mark-up, it's full of errors and until that's sorted there's simply no way you'll be able to have any kind of cross browser appearance.

Run your code through the validator at http://validator.w3.org/ and sort out what pops up then we can get you on the right path.

jon19870
jon19870's picture
Offline
Enthusiast
Lancashire, England, UK
Last seen: 44 weeks 9 hours ago
Lancashire, England, UK
Timezone: GMT+2
Joined: 2007-01-05
Posts: 195
Points: 194

Quote: But thats the case for

Quote:

But thats the case for all of the other 4 pages, and there aren't any problems arising from these, really.

Not true, your not looking properly. The sidebar is on the same level as the content container on all the other pages except this one. The homepage is very similar to this buggy page, it just has different content, replace the buggy page with this and change the content!

deco1610
deco1610's picture
Offline
newbie
Last seen: 4 years 3 weeks ago
Timezone: GMT+1
Joined: 2010-07-01
Posts: 4
Points: 5

I ran the code through the W3

I ran the code through the W3 Validator as someone suggested and, surprise surprise, was told that there were 95 errors on the home page alone.

Also, I did what jon19870 suggested and replaced the buggy page with a non-buggy one, while also changing the content, to see if that did anything. It didn't, which makes me think that the problem is within the content itself?

Does this site require a radical overhaul, or could there just be one or two lines I need to change?

Thanks again guys!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 21 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5076
Points: 2654

Having a quick look at the

Having a quick look at the page in question it seems you just need to fix up a few markup mistakes.
95 is not as many as it first appears, most of the errors will disappear once you fix a few things.

  • List items need the UL parent and should be closed. ( I think your problems will disappear when you make sure all your lists are fixed.)
  • font tag is depreciated, don't use it.
  • make sure every tag is closed correctly.
davestone
davestone's picture
Offline
Enthusiast
Last seen: 4 years 2 weeks ago
Timezone: GMT-7
Joined: 2009-05-11
Posts: 74
Points: 43

The markup is pretty

The markup is pretty bad.

You'll need to clean up the code.

There are missing ul opening tags, missing closing div tags - it's a big mess.

Fix those errors first, then see if you get the same issues.