Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

button bar links are not in the right place in IE.

Status
Not open for further replies.
jeellison

jeellison

IS-IT--Management
May 29, 2002
78
GB
So after designing my site testing in Firefox and Crome where it looks sweet, there are a few problems in IE. The first being the button bar which is just text ul and li positioned over the right part of the background image. But in IE it is too far to the left.

Any ideas please? Please see
Any help on this will be greatly appreciated.

Best Regards
James
 
Sort by date Sort by votes
You don't have a doctype. Th lack of a valid doctype puts IE into quirks mode, which means it will nor render correctly.

Add a valid doctype to your web page and IE will likely behave like the rest.


----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.
 
Upvote 0 Downvote
Upvote 0 Downvote
1) choose the doctype that suits you particular we page
2) Make sure the Page Validates coprrectly (both HTML & CSS)

3) correct your html & CSS, for the page to have changed to this degree there must be some considerable errors

I do not Have A.D.D. im just easily, Hey look a Squirrel!
 
Upvote 0 Downvote
Personally, I'd go back to basics. Do you really need so many floated or absolutely positioned elements? I don't think you do, so I'm guessing you've put them in either because someone advised you to, or because it was to solve other issues and they've now ended up making things worse.

Start afresh, put in the header, main, and footer elements. Make sure you're happy with their position in all browsers, and then add things back in bit-by-bit.

Don't go overboard with the floats and don't go overboard with the absolute positioning - unless you really need the latter, it is a nasty thing to use as things don't scale at all very well when using it.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Snippets & Info:
The Out Atheism Campaign
 
Upvote 0 Downvote
Its interesting to note that the validator claims its valid XHTML when there's no doctype yet find 5 errors when there is them same doctype it assumed.


Anyway, I'd try a looser doctype perhaps HTML transitional. See if that works for you.


If it still doesn't then I have to agree with Dan, and question the abuse of positioned and floated elements.

I know its not something you want to hear but it looks like you may need to go back to the drawing board for this.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.
 
Upvote 0 Downvote
Hi Guys,

I put the css file through a validator and there were like 35 errors. These were all just not having px after values.

I changed this and added the strict doctype and all is working like a dream now.

Thanks for all the input.

Best Regards
James Ellison

 
Upvote 0 Downvote
Glad you got it sorted.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
416
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
719
Chris Miller
Chris Miller
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
341
3esolar
3
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
642
Mike Lewis
Mike Lewis
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
115
lmcate
lmcate

Part and Inventory Search

Sponsor

Back
Top