Results 1 to 4 of 4

Hybrid View

  1. #1
    Join Date
    Sep 2007
    Posts
    29
    Plugin Contributions
    0

    Default IE6 Where Do I Remove <br class="clearBoth">?

    Quote Originally Posted by gjh42 View Post
    Do you want the additional images in a column below the main image, with the text to the right? In that case, add this to the bottom of your stylesheet:
    Code:
    #productDescription {margin-left: 150px;}
    
    .additionalImages {
        width: 150px !important;
        float: left;
        clear: both;
        text-align: left;
        padding: 5px;
        } 
    
    .additionalImages+br.clearBoth {display: none;}
    The .additionalImages+br.clearBoth is needed to turn off the <br class="clearBoth"> so the text can rise to the top.
    Note that this will be ignored by IE6 and not function there, so the best fix is to remove the <br class="clearBoth"> from the bottom of the additional images code.

    I'm fairly sure this solves the problem I have of my product description being below my images (only if I have additional images for that product) when viewing with IE6.
    They are fine viewing with Firefox

    So where do I removed this <br class="clearBoth"> from please?
    [FONT="Century Gothic"]My Store[/FONT]

  2. #2
    Join Date
    Sep 2007
    Posts
    29
    Plugin Contributions
    0

    Default Re: IE6 Where Do I Remove <br class="clearBoth">?

    I've commented out a <br class="clearBoth"> from tpl_columnar_display.php which brings the product description up inline with the top of the additional image in IE6.

    In Firefox it shows correctly inline with the top of the main image.

    Could someone please point me in the right direction to have it show correctly in IE6?
    [FONT="Century Gothic"]My Store[/FONT]

  3. #3
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,700
    Plugin Contributions
    11

    Default Re: IE6 Where Do I Remove <br class="clearBoth">?

    Kai,
    Part of your problem may be that you are relying on the HTML editor to create your product descriptions. For example, for product ID 16
    <font face="verdana,arial,helvetica,sans-serif">
    <p><b>Papers:</b><br />
    10 papers<br /><br />
    <b>Elements:</b><br />
    2 fasteners<br />
    2 flowers<br />
    2 frames<br />
    2 journal blocks<br />
    2 paperclips<br />
    2 folded ribbons<br />
    2 twisted ribbons<br />
    2 scalloped ribbons<br />
    2 crossed staples<br />
    2 beaded strings<br /><br />
    <b>Alpha:</b><br />
    A-Z a-z 0-9 Alpha<br /></p>
    <p>Please ensure ALL the boxes are CHECKED.</p>
    <p>This is a downloadable product, nothing physical will be sent to you.</p></font>
    would be better if it were
    <p style="font:verdana,arial,helvetica,sans-serif"><b>Papers:</b><br />
    10 papers<br /><br />
    <b>Elements:</b><br />
    2 fasteners<br />
    2 flowers<br />
    2 frames<br />
    2 journal blocks<br />
    2 paperclips<br />
    2 folded ribbons<br />
    2 twisted ribbons<br />
    2 scalloped ribbons<br />
    2 crossed staples<br />
    2 beaded strings<br /><br />
    <b>Alpha:</b><br />
    A-Z a-z 0-9 Alpha<br /></p>
    <p style="font:verdana,arial,helvetica,sans-serif">Please ensure ALL the boxes are CHECKED.</p>
    <p style="font:verdana,arial,helvetica,sans-serif">This is a downloadable product, nothing physical will be sent to you.</p>
    or simply
    <p><b>Papers:</b><br />
    10 papers<br /><br />
    <b>Elements:</b><br />
    2 fasteners<br />
    2 flowers<br />
    2 frames<br />
    2 journal blocks<br />
    2 paperclips<br />
    2 folded ribbons<br />
    2 twisted ribbons<br />
    2 scalloped ribbons<br />
    2 crossed staples<br />
    2 beaded strings<br /><br />
    <b>Alpha:</b><br />
    A-Z a-z 0-9 Alpha<br /></p>
    <p>Please ensure ALL the boxes are CHECKED.</p>
    <p>This is a downloadable product, nothing physical will be sent to you.</p>
    since verdana is the default and you're not changing any sizes.
    Font tags can't go outside one paragraph much less surround three.

    You also have some instances where an id of whatsnew is used twice on a page. Class calls can be used more than once but not ID.
    Since you have firefox, get a copy of HTML Tidy Validator and use it on your pages. Once you get those tightened up, you may find that the other problems fall into place.
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  4. #4
    Join Date
    Sep 2007
    Posts
    29
    Plugin Contributions
    0

    Default Re: IE6 Where Do I Remove <br class="clearBoth">?

    You're right and the <font> tags was a silly mistake on my part, that I've copied on each item.
    I have corrected that, but it doesn't change anything IE6.

    When viewing a product with additional images the product description is inline with the top of the first additional image and not the main image.
    In all other browsers the description lines up with the top of the main image.

    I don't use any HTML editors. I simply use notepad++.

    I've not touched anything regards "whatsnew", except via the admin/config/max values, so I can't comment on the times it is called.

    I don't use Firefox, but I do have Firefox, Opera and Netscape for testing purposes. IE is my choice of browser for me personally.
    [FONT="Century Gothic"]My Store[/FONT]

 

 

Similar Threads

  1. <br/> vs <br class="clearBoth" />
    By sendmenews in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 23 Jul 2021, 06:58 PM
  2. <div class="legalcopyright"> where the frick is it?
    By Rickwilliams in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 23 Jul 2009, 08:34 AM
  3. Replies: 3
    Last Post: 3 Jun 2008, 11:41 AM
  4. <br class="clearBoth" />
    By jeking in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 28 Sep 2007, 10:46 PM
  5. <br class="clearBoth" /> Cant Find Where These Are
    By enchantedone in forum Basic Configuration
    Replies: 6
    Last Post: 18 Jul 2006, 09:42 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg