HELP Please! prepend and pull not working in IE7

52 views
Skip to first unread message

banacan

unread,
Jan 17, 2012, 9:17:46 AM1/17/12
to Blueprint CSS
I am using BP1.0 and I have the following:

<div class=" span-4 prepend-2">
<?php include("$root/external/ext_webtext/
webtext_sect1.inc.php"); ?>
</div>
<div id="shadow" class="span-2 pull-6 last">
<?php include("$root/external/ext_nav/
ext_main_sub_nav.inc.php"); ?>
</div>
<div class="clear"></div>
</div>

(Note that I used BP Generator to create a framework with only 6
columns.)

This markup displays correctly in FF, Chrome, Opera, Safari, IE8+ on
Win., and FF, Safari, Opera on MAC, but it doesn't display correctly
in IE7. In IE7 the main content is shifted over 2 columns like in all
other browsers, but the navigation div does not "pull" over into the
space left by the prepend, as if the nav div is not floated. Has
anyone experienced this before, and if so what is the solution?

Thanks for any help.

banacan

unread,
Mar 13, 2012, 12:10:15 PM3/13/12
to Blueprint CSS
HELP!!

I have the same problem with another site I am working on. Prepend
and pull are not working in IE7, WHY NOT?

Here is the markup for my current site:

<div id="content" class="span-24 home">
<div id="maincontent" class="span-14 prepend-9">
<div class="main mcontblock">
<div class="drophalf">
<?php include("$root/external/
ext_webtext/webtext_sect1.inc.php"); ?>
</div>
</div>
</div><!--End maincontent div-->
<div id="scdcontent" class="span-9 pull-23 last
drophalf">
<div class="scontblock">
<?php include("$root/external/ext_webtext/
webtext_sect2.inc.php"); ?>
</div>
<div class="scontblock">
<?php include("$root/external/ext_webtext/
webtext_sect3.inc.php"); ?>
</div>
<div class="scontblock">
<?php include("$root/external/ext_webtext/
webtext_sect4.inc.php"); ?>
</div>
</div><!--End scdcontent div-->
</div><!--End content div-->

Again, this works in all browsers that I have tried except IE7. In
IE7 either push-x or prepend-x cause the secondary content to drop
down below the main content, then pull-x causes the secondary content
to get pulled off the page entirely. The way I know this is I created
a CSS rule in ie.css that made pull-23 ( margin-left:0; ) and the
secondary content shows up correctly *except* that it is below the
main content. Surely others have encountered this, what is the
solution?

banacan

unread,
Mar 13, 2012, 3:24:47 PM3/13/12
to Blueprint CSS
Thanks Sunny Beach for responding.

Here's what I found. It turns out that setting my main content div to
"span-14 push-9" (instead of prepend-9) and my secondary content div
to "span-9 pull-14 last" made it work. A couple of small tweaks on
the margins of some nested divs and the page appears as desired.

I guess I'm not clear on when to use prepend-x and when to use push-
x. Obviously I have discovered one circumstance when prepend-x is not
appropriate.
Reply all
Reply to author
Forward
0 new messages