/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Content not showing up in IE7 only

Copy linkTweet thisAlerts:
Sep 21.2010

Hello,

I’ve got a website i’m currently working on which is pretty near completion.

However someone noticed today that on two pages, the div #twocolumn-holder doesn’t show up, instead there is just an empty space. I’ve no real idea why this might be as it works perfectly fine in all other browsers i’ve tested.

the address is: [url]www.genesisbikes.co.uk/gendev/about[/url] and [url]www.genesisbikes.co.uk/gendev/reviews[/url]

What makes it even stranger is that other pages also use the exact same layout without issue.

Has anyone else seen this before?

Thanks

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@KorSep 21.2010 — There are some errors while validating the code. Goo to: http://validator.w3.org/
Copy linkTweet thisAlerts:
@copesauthorSep 21.2010 — Yes, but they are minor errors, alt tags missing don't break pages :-)

I've narrowed it down to the float attribute on the .col div's within the #twocolumn-holder, without float:left specified the page will display the hidden content.

I'm still no nearer to understanding why this is causing an error though.
Copy linkTweet thisAlerts:
@KorSep 21.2010 — Well, there is a sort of IE bug (not sure if repaired in IE8)... Whenever you have one or more floated elements within a parent, you need to find a way to clear the float for the next parent (and the next parent's elements). The simplest way is to insert an empty div which should clear the floating. Like:
<i>
</i>&lt;div&gt;
&lt;div style="float:left"&gt;&lt;/div&gt;
&lt;div style="float:right"&gt;&lt;/div&gt;
[B][COLOR="Blue"]&lt;div style="clear:both"&gt;&lt;/div&gt;[/COLOR][/B]
&lt;/div&gt;

Hope it helps.
Copy linkTweet thisAlerts:
@copesauthorSep 21.2010 — Yes i've already got a div below them with clear:both, i've had the issue with content popping out of the container without it also, but i've never had content simply not show up, its almost as if visible:none has been set.
Copy linkTweet thisAlerts:
@copesauthorSep 21.2010 — The solution was to do with the .clear div, as well as clear:both; it also had a 1px height specified, removing this removed the problem.

Fixed now.
×

Success!

Help @copes 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.13,
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,
)...