7 replies [Last post]
Mooselyn
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-06-13
Posts: 7
Points: 0

I have some problems I believe is a floating problem or maybe something I could add or so to fix the problem only created in Fire Fox. I saw another person posted regards to this problem his fix only made mine worse.... Please do be ware I am very new at this and trying hard to learn the skills of divs and css.

The problem is here http://metrorealtorspc.com/index3.php
Where the navigation (divs left and right) run off out of the (outline div) instead of pushing the page down *only does this in Fire fox. Suggestions needed as I gotta fix this because if their are no listings in the (middle) div area, the navigation is gonna run out of its place.

Floating the middle is bad, as it just makes the whole thing float out, you can see that here http://metrorealtorspc.com/index4.php

Again I tried several different things, while I don't see how the float is causing any problems to IE its perfect in IE and even Opera but totally off in Fire Fox. Suggestions greatly appreciated!

April Arrow

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

<SOLVED> Float Problems

Without looking at your code or site! Have you tried clearing your footer? I am guessing this is the reason for Firefox treating your floats as intended ie running over the outline. This is normal behaviour which IExplorer doesn't obide by.

Mooselyn
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-06-13
Posts: 7
Points: 0

<SOLVED> Float Problems

I removed the footer, the text still runs out of the outline div... I have honestly tried different settings from no float, to relatives, so forth and it just seems to keep running past or outside the div. Now I will say that I have the navigation set to relative for both right and left but not the middle part even though the text does not flow out of the div area in the middle at all. I'm pretty clueless why it's doing that. I did however leave the footer off so others can see what it's doing.

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

<SOLVED> Float Problems

I didn't say remove the footer, I said clear the footer. clear:both.

You need to learn about floats and clearing floats. Its very straight forward.

Add clear:both to the footer and it should expand the container and not go over. Then you need to experiment with a fresh page with floats to see and understand how they work.

Mooselyn
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-06-13
Posts: 7
Points: 0

<SOLVED> Float Problems

Hi Joseph,
Thanks a ton that fixed it lol. :oops: Im actually laughing at myself as I thought you meant clear off my footer, embarrassing moment, my second today first not web related.

I did want to say I did read a little about floats, as I had a lot of problems getting the 3 column divs to work the middle was the worse. However most used the float on the center column (div) I found that for me it didn't work because it threw everything completely off in either IE or FF. I did notice however that some folks were using the "inline" and read in another post someone suggesting adding the inline into the css for those having some alignment problems. While I have read some things on float and relatives I didn't see anything on inline or clear, but will look into it. I was wondering if anyone is still reading, what is the purpose of inline as I always thought of it in terms of HTML inline frames?

Thanks a bundle again for helping me fix my problem Smile

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

<SOLVED> Float Problems

Hi,

I've just done two examples that might explain how floats work.

[link removed by poster]

[link removed by poster]

I'm not really good at writing explanations so the writing on both may be a little bad.

Save them both and try removing the clear on the footer or reducing content in either collumn to see how they act with each other.

Cheers

Mooselyn
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-06-13
Posts: 7
Points: 0

<SOLVED> Float Problems

I think your writing was fine, as I did move the clear to different areas of the columns and so forth saw how it behaved. I did however have to move the footer where it was to a different location, it kina threw things off at first when I added the clear. But overall I got it fixed messing with it a bigt. I think I struggle with css because php just works same way for all broswers when you write it for the most part, css you have several browsers causing troubles. Honestly - I don't know how people learn this stuff without a little bit of schooling due to the browsers but I'm getting there. Thanks a ton for your samples much appreciated and again for your help Smile Hope this helps others as well.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 36 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

<SOLVED> Float Problems

Joseph Sprint wrote:
Hi,

I've just done two examples that might explain how floats work.

http://www.josephsprint.co.uk/test/one-float.htm

http://www.josephsprint.co.uk/test/two-floats.htm

I'm not really good at writing explanations so the writing on both may be a little bad.

Save them both and try removing the clear on the footer or reducing content in either collumn to see how they act with each other.

Cheers

Gah! What ghastly color schemes! Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies