|
CSS - Ie Debugging
Hello all,
I was almost all done with my web site until I ran into a few surprises in IE... http://pages.infinit.net/emilierv/branding.htm http://www.ervdesign.com/styles.css These are my example pages. I have 2 main problems. First, when I hover on a text link, I mean for its background color changes. In Firefox, this behaviour doesn't seem to be transmitted to images but in IE, it is! This makes a line of color appear when you hover over either arrow buttons. I understand the logic behind this, but I don't know what I can do to exclude images from this behaviour. Second, I have a whole lot of mess going on in the spacing of my text. Both browsers seem to be consistant in the way they display the text but they differ so much from each other. I have some relative positioning going on because I want to keep the numbers (1/7) and the arrow buttons lined up to the coordinates in the nav bar. -IE seems to ignore the fact that the PDF links and the comments are in seperate cells. If I add no space, they overlap! This results in too much space in Firefox. -IE seems to push everything up top as the projects are browsed, resulting in a constant change of height in my arrow buttons. My knowledge of CSS is limited. I really don't know a lot about div, clear, float. I am wondering if my solutions might lie in one of these tags? I would appreciate any help! Thanks a lot, Emilie Similar TutorialsIn my Error console I am getting this: Expected ';' to terminate declaration but found '}'. Declaration dropped Expected declaration but found '-6px'. Skipped to next declaration. Expected ":" but found ";". Declaration dropped Below each error message is a url from the app NOT a style file name and no line number so I assume those are inline style declarations not separate files. I could fix these if I knew how to find them. The -6px is kind of unusual so I found it and fixed it, sure enough it was a typo, but the other errors don't really give me anything I can search for. Please give me some pointer how to debug this. Thanks Hello i created a website for my trainer and i am having pretty much trouble fixing a bug with the menu li:current and the compatability in various browsers. If someone please could check my website for errors and correct them? Its really a small website. I dont know what to do anymore, i tryed so much and nothing seems to work. Thanks in advance. my site is located at Code: http://hexagon.110mb.com/index.html I've inherited a page that uses CSS and Javascript to drag and drop objects. For reasons unknown, this feature has stopped working. My investigation has determine that there is a CSS error involved: Error in parsing value for 'left'. Declaration dropped. Error in parsing value for 'top'. Declaration dropped. Since this is an inherited page I am not sure what the problem really is but the only references to left and top a Code:
floater = document.getElementById("floater");
.
.
.
floater.style.left = fx;
floater.style.top = fy;
.
.
.
fx = floater.style.left = active_card.x;
fy = floater.style.top = active_card.y;
I'm pretty sure it must be from one or both of these statements. I tried adding +"px" to each just in case but that didn't help (nor did I expect it to because it was working at some point in the past and no, I don't know what may have changed). Not being a CSS expert I need some help debugging this problem. FWIW, here is the "floater" HTML object: Code: <img id=floater src=../cards/large/bottom01.gif class=hidden style="position:absolute"> Any help pointing me in the right direction would be greatly appreciated. i have a question about blockquote styles. its being used in my blog: http://www.insanityonline.blogspot.com/ this is the css thats used: Code:
blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top left;
}
ok i made 2 new images of smaller quote marks and rotated. now is there a way to get say the pics to have one in the top left AND bottom right as the words were in a quote?? I'm almost finished with my first page, the others should be easier but before moving on, I would like to debug some problems and truthfully I'm not sure where to even begin. I'm ready to debug issues is IE6. It looks nothing like it should. My main menu is vertical and I'm really confused as to why? I know that IE6 does not support fixed footers, so i was curious as to how I could work around that? my embedded video in my #right div in FF overlaps the fixed footer, and putting a z-index on #object did not work? Lastly, I would like to know if there is a way to make my #mainbody div the same size as my #left and #right depending on which has more content. Basically I would like all three the same size at all times. Thanks for your advise http://www.lonniebruhn.com/sitelab LB |
|||||||