when using IE, and mouse passed over "The Saloon" entertainment links (approx 1/3 down the page), the main area gets very narrow.
http://www.dantesinc.com/calendarbody.htm
can you detect the bad code?
i know this is a sloppy job from top to bottom, but time is a luxury i don't have right now, and i'm the only team member working on this particular web project.
thanks!
a:hover - causes "shrinkage" - yikes!
Not got time to solve your problem but if you roll over the "Jeff Sabarese" link at the foot of the page, it goes back to normal width. lol very quirky but you do need to get that sorted
a:hover - causes "shrinkage" - yikes!
youve got a big mix of styles here:
<td width="14%" align="left" valign="top" bordercolor="#FFFFFF" bgcolor="#E5E3D6" class="crowbarcalendar"><div align="right" class="style13"><font face="Arial, Helvetica, sans-serif" size=2>8</font></div> <p align="center"><font size=2 face="Arial, Helvetica, sans-serif"><a href="http://www.emilystoybox.com/" target="_blank" class="copy">Emily's Toybox </a><br>
crowbar calendar style i couldnt find & im not sure why you have HTML font styles and css font styles that might do it.
interesting thing on the jeff email link, its the only <p> aligned to the right, maybe that has something to do with it.
there is way to much going on here for me to figure out.
good luck.
a:hover - causes "shrinkage" - yikes!
jsabarese,
With all due respect, to acknowledge a "sloppy job" is probably the crux of your problem, CSS is not going to be tolerant of the kind of coding that's going on here, looking at it I can see all sorts of possible problems arising from conflicting rules and garbled inheritance so much so that it's really very difficult to determine the actual cause although it will likely be padding/ margin related , I see in FF a problem with many links and the font-weight bold that's causing the container to resize and I would remove that property straight away, but then so many of the links are seeming to inherit completely different rules , carefully check through all of your font-sizes and line-heights( don't use pt on the line heights ) as they will cause problems too. A lot of this is to do with the overuse of styled span elements, frankly your going to have a heck of a time preventing conflicts.
You really need to strip the CSS back to it's basic layout and work back up adding the styling bit by bit checking all the time for problems in both FF and IE , if possible drop the spans in favour of descendant selectors to style particular elements.
I realise that time is not on your side but it's difficult to give definite help on this. Try removing all padding/margins etc from the links until you find the cause of the problems.
Hugo.
a:hover - causes "shrinkage" - yikes!
thanks to all who viewed and responded to this.
i'm gonna do as suggested, and rebuild from the ground up. this page was created during my transition period from html style to css style, so hence the total mess.
i appreciate your feedback. it's a pleasure to be part of this community.
cheers!