/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Sidebar Float Issues

Copy linkTweet thisAlerts:
Feb 14.2008

Hi Pros….

I have this annoying float issue in IE7 that I can’t seem to correct.

Its a wordpress blog and for FF and safari if I don’t float the sidebar and I float the main content to the right I am golden. In IE6 if I float the sidebar to the left and the content to the right I am golden. BUT in IE7 niether of these configurations work.

Any and all suggestions are welcome.

[url]http://www.makingcreativematter.com[/url]

Thanks in advance!!

Joseph

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@stalebrewFeb 14.2008 — line #248 of your css. Change the .narrowcolumn width to 460. delete the extra width statement.
Copy linkTweet thisAlerts:
@joseph_liuauthorFeb 14.2008 — Yeah...that's an idea, but I'm not sure the width is the issue...also ireall want the extra pixels in FF and safari.

Other ideas??
Copy linkTweet thisAlerts:
@stalebrewFeb 14.2008 — Well basically what is happening is your sidebar column is being pushed down below your content column because of space issues. You can either change the width of the .narrowcolumn or change the margins. Also, you don't need the important tags. This works(margins changed):
[CODE].narrowcolumn {
float: right;
padding: 0 0 20px 0px;
margin:0px 20px 0px 0px;
width: 500px;
color:#002653;
}[/CODE]

Actually you can leave the margin at 50px, just add 0px to the padding and this will bring the sidebar up in IE.
Copy linkTweet thisAlerts:
@joseph_liuauthorFeb 14.2008 — You are right that does work.

I have to leave the !important in for IE6, but thats no prob.

Thanks for the help!

Joseph
×

Success!

Help @joseph_liu 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.2,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...