I'd like to say hello to everyone first. I was reading a few threads and this forum seems great, and I was wondering if anyone could help me.

I'll just right into it.
I'm really starting to hate IE :(
I'm a web design student, and have been trying to build up my porfolio web site to add the work I've done thus far. I decided to add 2 components that I haven't used before - JQuery and Google Adsense.
Both are causing me problems, when I test them in IE. And I have been fiddling with them for days now.

JQuery - I believe the problem is somewhere in the CSS file, but even adding a number of things or commenting out code hasn't helped.
At the bottom of the web site I have a smooth tabbed navigation, but the menu buttons seem to be hovering way above the content border, which is strange because border is set to -1px. Can anyone notice what's the flaw in the code?

Google Adsense - I've added a Google search box on the top right of the website. As a result, my header seems to be clipped. I tried playing around with it separating the header in two parts but that just screws up the alignment of the search box. I noticed Google has a section about this, I tried to follow some of their steps but didn't get it to work as I'd liked.. one of the last options is to just change the positioning of it unless someone knows of a solution to it.

These problems only occur in Internet Explorer. The web site layout works perfectly in FF and Opera (well how I'd like it to look thus far), please refer to the other browser to see the difference.

I'm pretty tired from going at it for some hours, so i'd like to apologise if anything I write doesn't make sense.
Thank you in advance!

Website: www.aggel.co.uk

Recommended Answers

All 2 Replies

I'm just talking about the Home page btw. Haven't uploaded the rest of the pages yet.

Post the code, and the gurus here are likely going to be able to point and shoot : done
nobody wants to have to pull the code of the site and work it

aside:: Google tracker is malware,(third party script loaded without user permission that reports browser activiety to the third party, classic spyware) spybot, the MSMVP hosts file and probably everything else blocks it. useless for a tracking system, most of potential clients run an antimalware program,
use the server logs (and webstats awstats or similar to easyread them) or if your host package does not give access to the server logs install a php script like bbclone to monitor your site.

open your site in a part screen window, as would a potential customer comparing your site with an opponent site. half pane each
fixed width body pushes content offscreen right
fixed size text does not adjust to user basefont settings

opponent site is current best practice ems and %, their site works in part screen window

other site gets contract, just on looks

the attached list of these standard test beds may assist you replace yoursite.com with the appropriate url

http://analyze.websiteoptimization.com/authenticate.php?url=http://www.yoursite.com&/ Speed tweaks

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.yoursite.com&charset=%28detect+automatically%29&doctype=Inline&group=0 html check

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yoursite.com&profile=css21&usermedium=all&warning=1&lang=en css check

http://demo.opera-mini.net/demo.html?www.yoursite.com handheld

http://www.browsershots.org other browsers

many problems (if present) will show
serious code errors in the w3c validator sites will produce blankscreens in browsershots

Valid code does not ensure the site will work ...
Invalid code ensures the site will not work ...
.. in all browser OS combinations

not all layouts work in handheld devices
lots of developers write "my site is not for handheld" but if the customer uses handheld, the opponent site gets another contract.
a user_agent detection script (browser sniffer) is not difficult to implement to display content to such devices that they can display

the css checker shows three errors in the footer css that may be causing bugs in placement
html checker shows 13 code errors

all in all, Not bad coding :thumbsup: (Yea I know no icons)

strictly code based, you understand your content more than I would

aside:: if not already using one, use an editor with code highlighting, missing qutes semi-colons and closed braces show very well, and debugging is greatly simplified

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.