The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> CSS Help
|
Firefox div display problem
Discuss Firefox div display problem in the CSS Help forum on Dev Shed. Firefox div display problem Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.
|
|
 |
|
|
|
|

Dev Shed Forums Sponsor:
|
|
|

September 10th, 2004, 12:13 PM
|
|
Contributing User
|
|
Join Date: Aug 2004
Posts: 33
Time spent in forums: 8 h 2 m 44 sec
Reputation Power: 9
|
|
|
Firefox div display problem
Here's a 1st for me. Got a problem in Firefox NOT in IE
Sometimes my floated div displays under div next to it, instead of beside it. If I refresh, then it always will display correctly next to it. Realized this was a much bigger problem when I tested in Firefox on another computer and half the pages did it first time they loaded.
Within my div container I have my div menu floated left with a width of 20%, then my div maincontent also floats left with a width of 78%. (I've verified there is 5-10px extra space. So the two are not stretching the entire width)
Tried floating the #maincontent right, but then my footer completely screwed up and couldn't fix.
Not sure what kinda change I might need to make.
Any insights? Anyone else encounter this in Firefox?
Thanks,
James
|

September 10th, 2004, 02:49 PM
|
 |
Contributing User
|
|
Join Date: Aug 2004
Location: Tucson, Sonora
|
|
|
You may need to post some of your style sheet.
Have you tried specifying the z-index for both relevant layers though?
|

September 10th, 2004, 02:55 PM
|
 |
Thanks Johnny Hart (BC) R.I.P.
|
|
Join Date: May 2003
Location: Dallas
|
|
|
You haven't made any compelling case for both to be float. Why not float your left column and leave the main content static? If you don't want it to wrap under the float, give it a left margin equal to the float width.
cheers,
gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.
My html and css workshop, demos and tutorials.
Ask a better question, get a better answer.
|

September 10th, 2004, 05:05 PM
|
|
Contributing User
|
|
Join Date: Aug 2004
Posts: 33
Time spent in forums: 8 h 2 m 44 sec
Reputation Power: 9
|
|
Thanks for the input. Went static and now I've encountered some other problems. Firefox will extend #maincontent outside the div or if I make a change where Firefox looks right, then in IE #maincontent will be considerably short of #container's right edge. (change I was making was in width).
I have some re-learning to do. Saw your post recently with link to site with positioning how-to articles. P.I.E., I believe. Think I'll go hang there awhile.
Have come back to one of my FF tabs to find I haven't posted this yet LOL
Was at P.I.E. and have the answer to my question why static is displaying different in Firefox and IE. I will not express my unhappiness at thinkin I had just finished my first all CSS site to find I haven't. @#*$!
I am prideless,
James
though I still would like to know why Firefox slips #maincontent under the #menu only sometimes and only on first load, then refresh puts it where it belongs. And this is probably a question for a Moz forum, huh? 
|

September 15th, 2004, 10:45 AM
|
|
Contributing User
|
|
Join Date: Aug 2004
Posts: 33
Time spent in forums: 8 h 2 m 44 sec
Reputation Power: 9
|
|
|
F.Y.I. to others who might have come across above bug in Firefox...
Looks like answer has been found to my little Firefox dilema.
Since it gets fixed on a refresh, it's most likely the slashdot reflow bug. This has been fixed on the trunk and thus will be fixed in subsequent releases of Firefox, but it was decided too risky to check this fix in before 1.0.
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|