More IE problems

liunx · Jan 9, 2008

Ah man... I thought I had my little "IE out o' wack" bug fixed but now I've got another one! 
 
Check this out in IE - <a class="postlink" href="http://www.inkreations.com/v3/en/">http://www.inkreations.com/v3/en/</a> 
 
Now just hover your mouse over one of the top menu (home, your account,....), you'll see that it chops off part of the content right at the same level as where the right side ends!?! WTF!?? It's fine in N7!

Gof I hate IE :bash: 
 
Please help me!!!Which version of IE? I can't see the problem with IE6.nothing is wrong on my end either. IE6 win2kWhat!?!?! I'm using IE6 with winXP 
 
Here what the site looks like when you load it 
 
<a class="postlink" href="http://www.inkreations.com/v3/before.png">http://www.inkreations.com/v3/before.png</a> 
 
And here's what it looks like when you mouseover one of the main menu item (here "home") 
 
<a class="postlink" href="http://www.inkreations.com/v3/after.png">http://www.inkreations.com/v3/after.png</a> 
 
See.... it's missing all the rest!!!

well for one, us 800x600 users don't even see that part of the screen until we scroll, then when we do that we can't mouse over the links. 
 
but I made it bigger and I see the botom part loads then disappears without even doing a mouse over.Why are you using this doctype? 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
 
Yes, it is eating the bottompart. 
I think it is an unpair DIV tag. 
 
:rocker:Originally posted by petervazed 
Why are you using this doctype? 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
 
 
'Cause at one point I was think of putting iframes but decided against it and for got to change it... I'll do that right now!ok, I think I am missing something here. how are you doing the mouseovers without using mouse over???? 
 
 
also on a side note, <base href, is a deprecated tag and you shouldn't be using it.Originally posted by scoutt 
ok, I think I am missing something here. how are you doing the mouseovers without using mouse over???? 
 
huh?!! it's css?!?

also on a side note, <base href, is a deprecated tag and you shouldn't be using it. 
 
Yeah... I just took that out!Here's the CSS for that top menu (home, your account,...) 
 
 
/* ---------- style for top navigation ---------- */ 
 
#navtop { 
margin: 0; 
padding: 0; 
height: 15px; 
clear: both; 
border-bottom: 1px dotted #999; 
background-color: #e6ecf7; 
} 
 
ul.navtop { 
margin: 0; 
padding: 0; 
font-size: 8pt; 
font-variant: small-caps; 
font-weight: bold; 
text-align: right; 
color: #445a80; 
} 
 
li.inlinenavtop { 
display: inline; 
list-style-position: outside; 
padding: 0; 
margin: 0; 
} 
 
a.topmenu { 
text-decoration: none; 
color: #445a80; 
padding: 0 15px 0; 
margin: 0; 
border-left: 1px dotted #445a80; 
} 
 
a.topmenu:link { 
text-decoration : none; 
color: #445a80; 
} 
 
a.topmenu:visited { 
text-decoration : none; 
color: #445a80; 
} 
 
a.topmenu:active { 
text-decoration : none; 
color : #fff; 
/* background : url(/v3/images/bullets/topmenu.png) no-repeat left; */ 
background-color : #c1d2ec; 
} 
 
a.topmenu:hover { 
text-decoration : none; 
color : #fff; 
/* background : url(/v3/images/bullets/topmenu.png) no-repeat left; */ 
background-color : #c1d2ec; 
} 
 
/* ---------- END style for top navigation ---------- */ 
 
 
And the HTML that goes with it 
 
 
 
<div id="navtop"> 
<ul class="navtop"> 
<li class="inlinenavtop"><a href=http://www.htmlforums.com/archive/index.php/"/v3/en/" class="topmenu">home </a></li> 
<li class="inlinenavtop"><a href=http://www.htmlforums.com/archive/index.php/"http://myaccount.inkreations.com/" class="topmenu">your account </a></li> 
 
<li class="inlinenavtop"><a href=http://www.htmlforums.com/archive/index.php/"/v3/en/contact/" class="topmenu">contact </a></li> 
<li class="inlinenavtop"><a href=http://www.htmlforums.com/archive/index.php/"/v3/fr/" class="topmenu">français </a></li> 
</ul> 
</div> 
 
 
 
Just so you don't have to search throught the code!

duh, I know it is css, but I didn't realize that all you did was make the whole div a link and you are just doing the hover thing. huh :bash: 
 
I think I need to just go home

so did takinig that frameset out do anything for the code?Originally posted by scoutt 
duh, I know it is css, but I didn't realize that all you did was make the whole div a link and you are just doing the hover thing. huh :bash: 
 
I think I need to just go home

I here ya... going home in 5 minutes!!!

so did takinig that frameset out do anything for the code? 
 
If you mean fix my problem... nope!

Well, just for the record, no problem with IE6 SP1 with Windows ME.I dont see the problem here 
 
IE6 Windows XP Home Edition 
 
 
EDIT 
 
I take that back. 
 
Seems like the bottom part of the table seems to be have cut off here on 1024x768 but I fixerd that but refreshing the page and it showed up thereafterNicely coded (<a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.inkreations.com%2Fv3%2Fen%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a>). However, I can't see what is causing the problem. The XHTML seems problem free. 
 
 
<later>There are no errors in the CSS, but the CSS validator (<a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.inkreations.com%2Fv3%2Fen%2F&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a>) gives a lot of warnings (<a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.inkreations.com%2Fv3%2Fen%2F&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a>). Are any of those causing the problem?</later>That is definitely a mystery. Have you tried taking out this part after the main div? 
 
 
<div id="space"> </div> 
 
 
 
Maybe that empty division has something to do with it. Just a thought.

ok, hear me out. 
 
the float in the wrapbody or the float in the wrapright is messin gup the layout. 
 
so since you want them in there this is what I suggest. 
 
in the #wrapright style you need to change the height to 600px. 
 
making it 100% is making it messed up. so the real culprit is the whole right box where you have it floating left and the main body is floating left. maybe you can make it some other way to where you are not using float.Well I'll be..... it worked. Scoutt... my man!!! You are the new god of this place!!!!

thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you sooooooooooooooooo much! 
 
Could everyone please check just to make sure it's working for you guys as well!? 
 
THANKS!!! :bounce:that is why I am extreme as my title says

glad it worked for ya.Originally posted by scoutt 
that is why I am extreme as my title says

:rofl:

More IE problems

liunx

Guest