/    Sign up×
Community /Pin to ProfileBookmark

CSS border-right not showing in IE

Copy linkTweet thisAlerts:
Jun 27.2007

I have the navigation element floating to the left and the content floating to the right. I want the navigation to display a red border on its right side to separate the navigation from the content.

As an experiment, I was able to get a green border to work for the content element. Weird.

[url]http://www.clbc.net/next[/url]

Here’s the CSS code;
.content {
width: 550px;
float: right;
border-left-style: solid;
border-left-color: green;
}

.navigation {
width: 200px;
float: left;
padding-top: 20px;
padding-bottom: 20px;
border-right-style: solid;
border-right-color: red;
}

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@bubbisthedogJun 27.2007 — If those two divs are within a container (which they surely are), then this is precisely the type of behavior that should occur. What's weird about this result?

By the way, if you look at the Source, you can see that your ending div tags are missing the closing part (i.e. >).
Copy linkTweet thisAlerts:
@RobSoukupauthorJul 05.2007 — thanks - that did it. I did not close the div tags properly. I'm such an idiot at times. ?
×

Success!

Help @RobSoukup 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 6.1,
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,
)...