By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,624 Members | 2,229 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,624 IT Pros & Developers. It's quick & easy.

images positioning 'wrong' in IE6 for PC

haroldofcardboard
P: 4
hello

i devd a site, all looks good in all browsers for mac and PC, except IE6 for PC.

i devd the site using html, javascript & external css

the issue occurs around the image based roll overs / menu on each page

on the index page, there is an image above the rollovers that is sitting too low and thus it is overlapping the rollovers

on the inner pages, there is also an image sitting too low, causing the same issue, and, there are 3 images just below the rollovers that are sitting too low, causing an unwanted gap.

i have tried many things and run through w3c validators, no luck.

help will be much appreciated.

here is are urls to see pages and source (i crrently have the site hanging off end of wifes site, as placeholder, until i upload at clients server when all is complete):

INDEX
http://allisonsmythe.com/-rgs/index.html

INDEX CSS
http://allisonsmythe.com/-rgs/index.css

INNER SAMPLE PAGE
http://allisonsmythe.com/-rgs/history.html

INNER PAGE CSS
http://allisonsmythe.com/-rgs/inner.css

this job is a freebie, urrrrrr.....
Feb 22 '08 #1
Share this Question
Share on Google+
6 Replies


P: 15
I saw css. You should put css hack for IE6


Expand|Select|Wrap|Line Numbers
  1. *html #in-hdr-3{top:-7px;}
  2.  
  3. *html #in-hdr-28{top:139px;}
  4.  
  5. *html #in-hdr-29{top:139px;}
  6.  
  7. *html #in-hdr-29036{top:139px;}
Feb 23 '08 #2

haroldofcardboard
P: 4
ang

thank you, VERY MUCH, for taking the time to review my code. i shall give this a try, i assume you mean drop the script into my css exactly as you have it, i have never written that kinda script for css before, so its new to me.

also, one of the divs you refer gives me a clue, there could be an extraneous 'image' fighting for the same spot in the html page, i may try that 1st.

i will post back with results.

all the best

harold
Feb 23 '08 #3

P: 15
You should not use lots of <div> and should learn more CSS basic


Best Regards,
Angkana Jivaphaiboolsak
Feb 25 '08 #4

haroldofcardboard
P: 4
ang

the script you wrote wroked great, thank you so very much

i am curious why you say i should not use so many div tags, why not? is it causing probs?

if you were doing this page, waht tags would you be using?

thanks,
wayne
Feb 27 '08 #5

drhowarddrfine
Expert 5K+
P: 7,435
Too many divs is called "divitis". If they serve no purpose, why use them? Additional elements only cause confusion and make debugging more difficult. Every element should have a specific purpose.

Sometimes someone will use a div to help with positioning of other elements but they forget that almost all elements can be positioned with CSS on their own.
Feb 27 '08 #6

P: 15
Too many divs is called "divitis". If they serve no purpose, why use them? Additional elements only cause confusion and make debugging more difficult. Every element should have a specific purpose.

Sometimes someone will use a div to help with positioning of other elements but they forget that almost all elements can be positioned with CSS on their own.
^-^ someting like that

Best Regards,
Angkana Jivaphaiboolsak
Feb 28 '08 #7

Post your reply

Sign in to post your reply or Sign up for a free account.