Photoshop Contest Forum Index - Ask the Experts - f'ing IE and CSS! GRRRRRR! - Reply to topic
TofuTheGreat
Location: Back where I belong.
|
 Thu Sep 18, 2008 12:28 pm Reply with quote
Got a CCS/Javascript to create a menu from nested unordered lists. In Firefox the menu looks exactly like it's supposed to:
But effing POS IE leave a gap on the right side:
Anyone know what causes this? I've tried adding empty LI's setting the CSS "clear", etc., etc., etc.
IE pisses me off! 
_________________ Why I do believe it's pants-less o'clock! - Lar deSouza
”The mind is like a parachute, it doesn’t work if it isn’t open.” - Frank Zappa
Created using photoshop and absolutely no talent. - reyrey
|
TofuTheGreat
Location: Back where I belong.
|
Thu Sep 18, 2008 2:37 pm Reply with quote
Guess I'm SOL.  
_________________ Why I do believe it's pants-less o'clock! - Lar deSouza
”The mind is like a parachute, it doesn’t work if it isn’t open.” - Frank Zappa
Created using photoshop and absolutely no talent. - reyrey
|
splodge
Location: Yorkshire,
|
Thu Sep 18, 2008 3:13 pm Reply with quote
i think IE is ignoring the main width tag, i have the same problem with my site, the welcome and time/date are a unbroken line in dreamweaver and any other browser than IE.
http://www.hallcross.co.uk/homePage.html
PS your first pipeline dont reach the bottom in IE too 
|
|
|
Thu Sep 18, 2008 5:08 pm Reply with quote
Instead of making the w and h px why not try % ... that fixed the problem I use to have.
|
TofuTheGreat
Location: Back where I belong.
|
Thu Sep 18, 2008 7:27 pm Reply with quote
The height thing I've seen IE and FF do before. Not much I can do about it unless I swap out images for the menu instead of text (not impossible but not something I wanna muck with).
I remember reading something, somewhere, about how IE doesn't correctly implement the box model. I'll have to find that again.
Oh, Logic, I've tried % and px. Currently the damn thing is set to postion:relative; width:100%; and it STILL doesn't go to the end in IE (v6 anyway). Effing IE.
_________________ Why I do believe it's pants-less o'clock! - Lar deSouza
”The mind is like a parachute, it doesn’t work if it isn’t open.” - Frank Zappa
Created using photoshop and absolutely no talent. - reyrey
|
|
|
Thu Sep 18, 2008 8:45 pm Reply with quote
TofuTheGreat wrote:
I remember reading something, somewhere, about how IE doesn't correctly implement the box model. I'll have to find that again.
yup, IE, for some reason, widdens the margin (or was is the padding) with 100% if the value is set in pixels (or something like that, should look it up...).
so a margin of 5px, becomes 10px
don't ask me why, probably just to annoy you
|
mangochutney
Location: Australia
|
Fri Sep 19, 2008 2:48 am Reply with quote
Don't ever use padding in CSS if you want IE to work. If you do use it, try creating another enclosing DIV, and use margin instead.
For real hard-core CSS tips and tricks, go to my old friend Dan Cederholm - http://www.simplebits.com
|
supak0ma
Location: Photoshop Nation
|
Fri Sep 19, 2008 3:57 am Reply with quote
why don't we stop coding for ie, this aggression won't stand
|
TofuTheGreat
Location: Back where I belong.
|
Fri Sep 19, 2008 10:48 am Reply with quote
supak0ma wrote: why don't we stop coding for ie, this aggression won't stand
HERE! HERE! All agreed scream "AYE!" All opposed can piss off! 
Sadly I wish I could abandon having to design for IE. All the money and engineers they have and they can't make it w3c compliant? Well I know that's because they want the MS-standard to be the world's standard. 
_________________ Why I do believe it's pants-less o'clock! - Lar deSouza
”The mind is like a parachute, it doesn’t work if it isn’t open.” - Frank Zappa
Created using photoshop and absolutely no talent. - reyrey
|
TofuTheGreat
Location: Back where I belong.
|
Sat Sep 20, 2008 10:09 am Reply with quote
ScionShade wrote: Do these gaps move, close, expand on click?
None of the above. It's just a friggin gap on the right side. Doesn't move or alter in any way. 
_________________ Why I do believe it's pants-less o'clock! - Lar deSouza
”The mind is like a parachute, it doesn’t work if it isn’t open.” - Frank Zappa
Created using photoshop and absolutely no talent. - reyrey
|
ScionShade
Location: VeniceFlaUS
|
Sat Sep 20, 2008 10:16 am Reply with quote
I had the same problem really bad... took me months to figure out what was causing it and fixing it...
Turned out it was something really stinking stupidly simple.
If I could only just remember what that was.
|
TofuTheGreat
Location: Back where I belong.
|
Sat Sep 20, 2008 12:13 pm Reply with quote
ScionShade wrote: I had the same problem really bad... took me months to figure out what was causing it and fixing it...
Turned out it was something really stinking stupidly simple.
If I could only just remember what that was. 
_________________ Why I do believe it's pants-less o'clock! - Lar deSouza
”The mind is like a parachute, it doesn’t work if it isn’t open.” - Frank Zappa
Created using photoshop and absolutely no talent. - reyrey
|
splodge
Location: Yorkshire,
|
Sat Sep 20, 2008 12:26 pm Reply with quote
i would sugest taking out any paragraph breaks and swap them for line breaks, but a done that, dont work, how about wraping the the problem code in a div tag???
|
Photoshop Contest Forum Index - Ask the Experts - f'ing IE and CSS! GRRRRRR! - Reply to topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
