Subtheming Zen 6.x-1.0 beta 3: Issues in Safari

Events happening in the community are now at Drupal community events on www.drupal.org.
stevier's picture
Posted by stevier on October 17, 2008 at 4:26pm

I'm trying out Zen to create a theme for a site, and I'm running across a really strange issue in Safari. I had to edit page.tpl.php to get some rounded corners into my menu, and what seems to be happening on Safari is that it doesn't recognize the tag after one of these elements. Thus, it's trying to render the entire menu in a space that's only 8px wide. In Firefox, the width is messed up a bit too, but not nearly as much as it is in Safari.

Here's the code I added to page.tpl.php:

<?php if ($left): ?>
        <div id="sidebar-left"><div id="sidebar-left-inner" class="region region-left">
       <!-- BEGIN ADDED CODE -->
        <div id="curved-left">
        <div id="curved-top">
        <div id="curved-top-corner"></div>
        <div id="curved-top-right"></div>
        </div><!-- /#curved-top -->
        <!-- END ADDED CODE -->
       
        <?php print $left; ?>
       
        <!-- BEGIN ADDED CODE -->
        </div><div id="curved-bottom"><div id="curved-bottom-corner"></div>
        <div id="curved-bottom-right"></div>
        </div> <!-- /#curved-bottom-corner, /#curved-bottom -->
        </div> <!-- /#curved-left -->
        <!-- END ADDED CODE -->

        </div> <!-- /#sidebar-left-inner, /#sidebar-left -->
       
      <?php endif; ?>

The site can be viewed at http://signpostwebdesign.com/testing/

Any thoughts to a fairly new Drupal user would be helpful. Thanks much!
Stevie

Categories: , , ,

Comments

Think I might have it...

Posted by stevier on October 17, 2008 at 4:39pm
stevier's picture

I think I might have it now...something to do with sidebar width declaration. Sorry to waste folks' time.

Extra Div?

Posted by cglusky on October 17, 2008 at 4:51pm
cglusky's picture

It looks to me like you are closing the curved left div right after you print left

<?php if ($left): ?>
        <div id="sidebar-left"><div id="sidebar-left-inner" class="region region-left">
       <!-- BEGIN ADDED CODE -->
        <div id="curved-left">
          <div id="curved-top">
            <div id="curved-top-corner"></div>
            <div id="curved-top-right"></div>
          </div><!-- /#curved-top -->
          <!-- END ADDED CODE -->
         
          <?php print $left; ?>
         
          <!-- BEGIN ADDED CODE -->
        </div> <!--!#curved-left-->
        <div id="curved-bottom">
          <div id="curved-bottom-corner"></div>
          <div id="curved-bottom-right"></div>
        </div> <!-- /#curved-bottom-corner, /#curved-bottom -->
       
     </div> <!-- /#curved-left ***already closed??? -->
    
     <!-- END ADDED CODE -->

   </div> <!-- /#sidebar-left-inner, /#sidebar-left -->
      
   <?php endif; ?>

R,
Coby