Thu, 2010-07-01 10:05
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; }
Thu, 2010-07-01 11:00
#1
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? 
Thu, 2010-07-01 11:07
#2
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
Thu, 2010-07-01 11:19
#3
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.
Thu, 2010-07-01 11:35
#4
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!!!
Thu, 2010-07-01 12:52
#5
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.
Thu, 2010-07-01 13:27
#6
Quote: But thats the case for
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!
Fri, 2010-07-02 11:00
#7
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!
Sun, 2010-07-04 08:22
#8
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.
Thu, 2010-07-08 04:05
#9
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.