Small problem with CSS IE fix.

They have: 16 posts

Joined: May 2009

Hey,

I am having a problem with the CSS layout on the website I am designing you can see the website here (www.davidframpton.co.uk). On the index page the text at the bottom has moved down (all of the CSS is in the source code for the pages, and there are no external files), however when i test the code on my computer in IE it looks and works fine and i have re-uploaded the files many times with different values in the IE fix but the text will not budge!

I am by no means very good at web design and I am probally overlooking something very simple. And I am aware of some of the problems my site has e.g large Back ground image crates slow loading and the videos section is not linked yet. (but I am addressing the problems one at a time and I am stuck on problem 1). But any critisism you have is welcome.

Thanks in advance

Dave

Megan's picture

She has: 11,419 posts

Joined: Jun 1999

So what is it supposed to look like? It looks pretty messed up in Opera. Are you saying that it's different on your computer than it is on the live site?

You should take that keyword spam out at the bottom. That could get you penalized in search engines. Taking that out would probably enable you to position the footer more accurately.

You should also avoid using inline CSS for all of your posioning.

The concept is interesting but not very practical. If SVG was supported properly it would be a different story.

They have: 16 posts

Joined: May 2009

Hey, thanks for the advice.

I have removed all of the inline CSS except for the images. And I have removed the keyword spam. I know the website isn't massivly practical but hopefully over time I can adjust it to be as I learn more. I am completely new to web design and I am literally just playing around until I get something useful.

However it SHOULD work in Opera now, i downloaded it and tested it and it seems to work fine. However when viewed in IE the same problem still persists with the contact details at the bottom.

Again thanks for the advice and anymore pearls of wisdom you have are welcome Smiling

Dave

They have: 16 posts

Joined: May 2009

Fixed, I had missed a bracket in the html code.

greg's picture

He has: 1,581 posts

Joined: Nov 2005

Dave0585 wrote:
Fixed, I had missed a bracket in the html code.

It's often the simple things that get us.

What editor are you using? Many have coloured highlighting for different codes, HTML, PHP etc, and show a different colour when there is missing syntax. Once you get used to that it's hard to go without it as it's so helpful.

They have: 16 posts

Joined: May 2009

Hey Greg,

I use dreamweaver (but only to edit the text, i don't use any other functions it has). But it's helpful because it has the colored syntaxes and it has drop down predictive text which makes writing the code very fast and much easier (for me at least). But although it was colored i still missed the mistake Sad However thanks for the advice, I appreciate it.

greg's picture

He has: 1,581 posts

Joined: Nov 2005

No problem.
Viewing the page source on a website page (right click --> View Page Source) also reveals HTML issues in RED - certainly in Firefox I have found.
As does running through W3C validator. It would likely pick up that error.

All options to try when you have been scratching your head for an hour or so.

kalvisnky's picture

They have: 7 posts

Joined: May 2009

I definitely agree that using inline CSS should be avoided.
I've done that a couple of times before, but it always end up
messing my output.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.