Small problem with CSS IE fix.
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 posted this at 13:44 — 14th May 2009.
She has: 11,421 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.
Megan
Connect with us on Facebook!
Dave0585 posted this at 14:30 — 14th May 2009.
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
Dave
Dave0585 posted this at 15:34 — 14th May 2009.
They have: 16 posts
Joined: May 2009
Fixed, I had missed a bracket in the html code.
greg posted this at 17:06 — 14th May 2009.
He has: 1,581 posts
Joined: Nov 2005
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.
Dave0585 posted this at 17:14 — 14th May 2009.
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
However thanks for the advice, I appreciate it.
greg posted this at 17:38 — 14th May 2009.
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 posted this at 06:42 — 16th May 2009.
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.