/    Sign up×
Community /Pin to ProfileBookmark

CSS problem in IE

Copy linkTweet thisAlerts:
Nov 16.2011

[URL=”http://www.gula.org.il/wordpress/”]http://www.gula.org.il/wordpress/[/URL]
This is a website that I built ion wordpress.

In both chrome and firefox you see it excellent.

However in IE the left border of the top left box is partially missing.

I have checked my css for validation and I found that except from vendor prefix I have no error.

So my question is what the cause for the problem and if you can suggest me a way to fix it.

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@KorNov 16.2011 — The floated elements escape the overflow of their parents. There are several ways to bypass that problem. My favorite is to add an last empty div, in order to clear the floats:

<i>
</i>&lt;div class="parent"&gt;
&lt;div style="float:left"&gt;something&lt;/div&gt;
&lt;div style="float:right"&gt;something&lt;/div&gt;
[COLOR="Blue"]&lt;div style="clear:both"&gt;&lt;/div&gt;[/COLOR]
&lt;/div&gt;
×

Success!

Help @programAngel 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.20,
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,
)...