This is a discussion on "The IE6 "jumping text" problem" within the Web Page Design section. This forum, and the thread "The IE6 "jumping text" problem are both part of the Design Your Website category.
|
|
|
|
|
 |
||
The IE6 "jumping text" problem
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
|
#1
Oct 9th, 2007, 10:05
|
|||
|
|||
|
The IE6 "jumping text" problem
Can someone take a look at the attached in IE6 please?
www.slightlyaskew.co.uk/polstar Any ideas why the text "jumps" up after you hover over a link? I'm sure it doesn't do it in IE7 / FF, but I stand to be corrected. Thank you.         
|
|
|
|
#2
Oct 9th, 2007, 10:58
|
||||
|
||||
|
Re: The IE6 "jumping text" problem
Hmm, I see what you mean.
Maybe change the padding-top on the class #logo to a fixed pixel size rather than a percentage? Not sure how or why it's a problem though, it works fine in IE 7.
|
|
#3
Oct 9th, 2007, 11:02
|
|||
|
|||
|
Re: The IE6 "jumping text" problem
Hi Emzi, cheers for that.
Yes, I suspect it is do with the 10% padding, but I have no idea why it changes. I'm curious as to how to IE6 is interpreting it before and after the rollover. Any IE6 gurus out there?
|
|
#4
Oct 9th, 2007, 19:47
|
||||
|
||||
|
Re: The IE6 "jumping text" problem
It does not seem to jump for me in FF or IE6.
__________________
Marc Staff Manager - Webforumz.com Want to be a moderator? PM me.
|
|
#5
Oct 9th, 2007, 20:34
|
||||
|
||||
|
Re: The IE6 "jumping text" problem
try using margin-top instead. ie6 seems to double whatever padding you put in
__________________
WelshStew Site AdminIf you think I've helped, click the "Thanks" tierney rides tboard - uk site | xtreme wales - extreme clothing WebForumz - facebook | LinkedIn
Last Blog Entry: Phorm approved for UK rollout (Sep 17th, 2008)
|
|
#6
Oct 10th, 2007, 04:18
|
|||
|
|||
|
Re: The IE6 "jumping text" problem
I hate IE!
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
|
|
#7
Oct 10th, 2007, 07:18
|
||||
|
||||
|
Re: The IE6 "jumping text" problem
For me when I hover the first time it moves up the page but then stays still. Can you post the CSS please? Try putting display:block in the link styles on the normal and hover styles.
a:link { display: block; } a:hover { display: block; } Jack
__________________
Jack Franklin - Webforumz Moderator (x)HTML | CSS | PHP | MySQL | JQuery (Javascript) Contact: My Blog | Twitter | Delicious Want Lessons? PM me. If you think I've helped, please press the 'Thanks' Button.
Last Blog Entry: A Week with VBulletin (Aug 28th, 2008)
|
|
#8
Oct 10th, 2007, 12:30
|
|||
|
|||
|
Re: The IE6 "jumping text" problem
Thanks for everyone for their responses.
Stew, changing to margin-top seems to make it work. However, you say padding gets doubled in IE. When I change it to margin, the original position is the same. It doesn't jump however when you hover over the the links. So is the hover causing the padding to half? Bizarre.
|
|
#9
Oct 10th, 2007, 12:59
|
||||
|
||||
|
Re: The IE6 "jumping text" problem
That's IE for you! Ha!
__________________
Jack Franklin - Webforumz Moderator (x)HTML | CSS | PHP | MySQL | JQuery (Javascript) Contact: My Blog | Twitter | Delicious Want Lessons? PM me. If you think I've helped, please press the 'Thanks' Button.
Last Blog Entry: A Week with VBulletin (Aug 28th, 2008)
|
|
#10
Oct 10th, 2007, 13:03
|
|||
|
|||
|
Re: The IE6 "jumping text" problem
Well that's the problem Jack: it's not just me - it's the 35% of internet users who still use IE6.
|
|
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Creating a "tag" system to find relevant "related" pages | MrQuestions | PHP Forum | 3 | Mar 20th, 2008 23:06 |
| [SOLVED] Show "Image" Depends On User "Status"? | Monie | Classic ASP | 6 | Oct 16th, 2007 01:22 |
| ? IS "meta name="robots" content="?" necessary in pages ? | Love2Java | Starting Out | 6 | Aug 8th, 2007 13:48 |
| window.opener.document["nameForm"].getElementById("someid").value; doesnt work | drpompeii | JavaScript Forum | 0 | Feb 17th, 2007 23:09 |
| <option value="yes" class="x"> problem in Firefox | mameha1977 | Web Page Design | 1 | Jun 21st, 2006 11:20 |
