Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    215
    Thanks
    116
    Thanked 1 Time in 1 Post

    Strange margin 'drop-down' issue on a specific page

    Hello, on the product details page of this store only, the site has a 20-30px top margin, and it pushes the entire site down. I can't pinpoint the issue with FireBug?

    Here is an example:

    http://www.cctactical.com/store/pc/R...-223-61p23.htm

    Notice how if you go to the home page, or any other page - the top of the site moves back up again?

    Thank you very much for any assistance,
    Joe

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,038
    Thanks
    23
    Thanked 589 Times in 588 Posts
    There is a number of tables before the doctype on this page like the Notify me when back in stock image. Think that's the problem

  • Users who have thanked sunfighter for this post:

    BlackReef (05-08-2013)

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    215
    Thanks
    116
    Thanked 1 Time in 1 Post
    Thanks sunfighter. I believe it's related to an add-on which allows customers to be e-mailed when a product is in stock

    Any ideas on a solution?

  • #4
    New to the CF scene
    Join Date
    May 2013
    Posts
    2
    Thanks
    0
    Thanked 1 Time in 1 Post
    Quote Originally Posted by BlackReef View Post
    Hello, on the product details page of this store only, the site has a 20-30px top margin, and it pushes the entire site down. I can't pinpoint the issue with FireBug?

    Here is an example:

    http://www.cctactical.com/store/pc/R...-223-61p23.htm

    Notice how if you go to the home page, or any other page - the top of the site moves back up again?

    Thank you very much for any assistance,
    Joe
    These two tables are causing the layout issue:
    Code:
    <table width="100%" class="pcShowContent"></table>
    <table width="100%"></table>
    You can probably hide the tables or try a different tag.

  • Users who have thanked nicolerivers for this post:

    BlackReef (05-31-2013)

  • #5
    Regular Coder
    Join Date
    Apr 2010
    Posts
    215
    Thanks
    116
    Thanked 1 Time in 1 Post
    Quote Originally Posted by nicolerivers View Post
    These two tables are causing the layout issue:
    Code:
    <table width="100%" class="pcShowContent"></table>
    <table width="100%"></table>
    You can probably hide the tables or try a different tag.
    I've been using GrepWin, but I can't quite find which files contain these mysterious tables. Does the tool you use show which file they are in so I can remove them?

    They are not in the header or footer files though...

    Thanks for your help

  • #6
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,038
    Thanks
    23
    Thanked 589 Times in 588 Posts
    They are the same tables I told you about. If you need them on your page move the three of them[Both tables and the JS call] to som place inside of the HTML.

    Code:
    	<table class="pcShowContent" width="100%">
    	<tr>
    		<td nowrap width="70%">
    			<table id="StockMsg_TABLE" class="pcShowList" style="display:none">
    			<tr> 
    				<th nowrap><span class="notifyPrdBtn" onclick="javascript:sm('box',270,110);"><img src="catalog/notify-me.png" /></span>			
    </th>
    			</tr>
    			<tr>
    				<td nowrap><input type="text" name="StockMsg" id="StockMsg" value="" readonly="readonly" class="transparentField"></td>
    			</tr>
    			</table>
    			<br>
    			<div id="AddtoList" style="display:none"><a href="javascript:new_AddSPtoList(SelectedSP);">Save and choose another</a></div>
    		</td>
    		<td width="30%">
    			<div id="SelectedPrd_TABLE" style="display:none">
    			</div>
    		</td>
    	</tr>
    	</table>
    
    		<script language="javascript">		    initmb()</script>
    	<table width="100%">
    	<tr>
    		<td nowrap width="70%">
    			<table id="AlertStockMsg_TABLE_APP" style="display:none">
    			<tr> 
    				<td nowrap><span class="notifyPrdBtn"  onclick="javascript:sm('box',270,110)"><img src="catalog/notify-me.png" /></span></td>
    			</tr>
    			</table>
    			<br>
    			<div id="AddtoList" style="display:none"><a href="javascript:new_AddSPtoList(SelectedSP);">Save and choose another</a></div>
    		</td>
    		<td width="30%">
    			<div id="SelectedPrd_TABLE" style="display:none">
    			</div>
    		</td>
    	</tr>
    	</table>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    Evolution - The non-random survival of random variants.

  • Users who have thanked sunfighter for this post:

    BlackReef (06-01-2013)


  •  

    Posting Permissions

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