/    Sign up×
Community /Pin to ProfileBookmark

Floats

Copy linkTweet thisAlerts:
Mar 12.2005

I have a php page on my site that produces news. The entire layout is CSS, and it works fine, except for one thing… Firefox treats the floats right. IE doesn’t give a flying crap whether the div is a float or not. Basically, this is what the news page looks like:

<div id = “column”>
Blah blah yada yada
</div>
<div id = “newsitemwrapper”>
News’n stuff in here
</div>

The “column” div is a float, while the “newsitemwrapper” div is not. AFAIK the latter can’t be a float, as it decides how long the actual site will be, thus pushing footer divs and such to their right position. In Firefox, the column appears next to the newsitemwrapper thingy, while in IE, there’s a line break between those two. Is there any way to go around this? I mean, I know there is, but HOW do I do it?

to post a comment
CSS

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangMar 12.2005 — Should work unless a width value is preventing it.

A page link?
Copy linkTweet thisAlerts:
@WedvichauthorMar 12.2005 — The page is only being tested locally... The Apache server is up though, so until I shut it down, you can view the page at http://80.202.127.4/
Copy linkTweet thisAlerts:
@scragarMar 12.2005 — <div id="AllContain">

<div id = "column">

Blah blah yada yada

</div>

<div id = "newsitemwrapper">

News'n stuff in here

</div>

</div>


set the column and newsitemwrapper's top to 0pk and the position to relative if possible(I've never used float but we can at least see how that works out.
Copy linkTweet thisAlerts:
@WedvichauthorMar 12.2005 — [i]Originally posted by scragar [/i]

[B]<div id="AllContain">

<div id = "column">

Blah blah yada yada

</div>

<div id = "newsitemwrapper">

News'n stuff in here

</div>

</div>





set the column and newsitemwrapper's top to 0pk and the position to relative if possible(I've never used float but we can at least see how that works out. [/B][/QUOTE]

Thanks, but it had no effect at at all. ?
Copy linkTweet thisAlerts:
@FangMar 12.2005 — #newsitemwrapper {
float:left;
margin-left: 8px;
/*margin-left: 168px;*/
}
Copy linkTweet thisAlerts:
@WedvichauthorMar 12.2005 — Okay, fair enough - the alignment is now right. However, now there's another flaw... as you can see, the footer isn't pushed down to where it should be in Firefox, thus overlapping the news. Since the news wrapper was the div pushing the footer down, I suppose it still should be. But how can I do this if the news wrapper is a float?
Copy linkTweet thisAlerts:
@FangMar 12.2005 — #container3 {

clear:both;

.

.

}
Copy linkTweet thisAlerts:
@WedvichauthorMar 12.2005 — ... I officially love Fang ?
×

Success!

Help @Wedvich spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.11,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...