CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old September 10th, 2004, 12:13 PM
J-Dude J-Dude is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2004
Posts: 33 J-Dude User rank is Just a Lowly Private (1 - 20 Reputation Level) 
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

Reply With Quote
  #2  
Old September 10th, 2004, 02:49 PM
bocmaxima's Avatar
bocmaxima bocmaxima is offline
Contributing User
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Aug 2004
Location: Tucson, Sonora
Posts: 1,371 bocmaxima User rank is Sergeant Major (2000 - 5000 Reputation Level)bocmaxima User rank is Sergeant Major (2000 - 5000 Reputation Level)bocmaxima User rank is Sergeant Major (2000 - 5000 Reputation Level)bocmaxima User rank is Sergeant Major (2000 - 5000 Reputation Level)bocmaxima User rank is Sergeant Major (2000 - 5000 Reputation Level)bocmaxima User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 4 Days 51 m 34 sec
Reputation Power: 50
Send a message via AIM to bocmaxima
You may need to post some of your style sheet.
Have you tried specifying the z-index for both relevant layers though?

Reply With Quote
  #3  
Old September 10th, 2004, 02:55 PM
kk5st's Avatar
kk5st kk5st is offline
Thanks Johnny Hart (BC) R.I.P.
Dev Shed God (5000 - 5499 posts)
 
Join Date: May 2003
Location: Dallas
Posts: 5,268 kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level)kk5st User rank is General 15th Grade (Above 100000 Reputation Level) 
Time spent in forums: 1 Month 1 Week 4 Days 10 h 31 m 27 sec
Reputation Power: 1955
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.

Reply With Quote
  #4  
Old September 10th, 2004, 05:05 PM
J-Dude J-Dude is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2004
Posts: 33 J-Dude User rank is Just a Lowly Private (1 - 20 Reputation Level) 
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?

Reply With Quote
  #5  
Old September 15th, 2004, 10:45 AM
J-Dude J-Dude is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2004
Posts: 33 J-Dude User rank is Just a Lowly Private (1 - 20 Reputation Level) 
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.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Firefox div display problem

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap