Guest Posted October 3, 2006 Share Posted October 3, 2006 Hi, I am reletively new to cubecart but have learnt quite quickly, i have re designed my site about a million times now and cannot settle on a layout i like. I currently have a fixed width layout but in firefox (not IE for some reason) my top header is too long and stretches over the borders, i do not want this, and want it to be the same length as the border. I am happy to paste code if anyone is so kind as to help me, please let me know what you need to see. My URL is http://www.liquidcontemporarydesign.com Thanks Quote Link to comment Share on other sites More sharing options...
roban Posted October 4, 2006 Share Posted October 4, 2006 Looks just fine in Fire Fox Quote Link to comment Share on other sites More sharing options...
Guest garysmith Posted October 4, 2006 Share Posted October 4, 2006 Checked in Firefox & IE, both looking good. I like this design so far! Gary Quote Link to comment Share on other sites More sharing options...
Guest Posted October 4, 2006 Share Posted October 4, 2006 Do you want your banner to end right at the end of the pale gray boxes on the right? If yes, you will need to edit your skins code and either expand the box by a few pixels or shorten your logo's container and the search box below it. I do not remember which file you will need to modify but you can track it down by viewing your source code. The source code will show the code calls. Then you can go to the layout.ccs and make changes. Your page begins with: <body> <div id="pageSurround"> <div id="subSurround"> <div id="topHeader"> <div align="left"><td align='left' width="100%"><a href="http://www.liquidcontemporarydesign.com"> <img src="http://www.liquidcontemporarydesign.com/skins/LiquidContemporarytest/styleImages/backgrounds/liquid.jpg" alt="Liquid Contemporary Design Home" border="0"></a></td> </div> <div id="headLeft"> <form action="index.php" method="get"> <span class="txtSession"><strong>Search for:</strong></span> <input name="searchStr" type="text" class="searchBox" id="searchStr" value="" size="20" /> <input type="hidden" name="act" value="viewCat" /> <input name="Submit" type="submit" class="searchBtn" value="Go" /> </form> </div> <div id="headRight"> <div align="right"> <span class="txtSessionGrey">Welcome Guest</span> <span class="txtSession">[</span><a href="index.php?act=login&redir=L2luZGV4LnBocA==" class="txtSession">Login</a> <span class="txtSession">|</span> <a href="cart.php?act=reg&redir=L2luZGV4LnBocA==" class="txtSession">Register</a> These are from the classic skins file layout.css: #pageSurround { width: 748px; margin: 0px auto; padding: 5px; border: 2px solid #333333; background-color: #FFFFFF; background-image: url(../styleImages/backgrounds/contentBg.jpg); background-repeat: no-repeat; background-position: left top; } #topHeader { text-align: right; height: 36px; margin-bottom: 20px; padding-right: 0px; padding-top: 68px; } You'll have to play with it and see what works. At, least that's how I do it. This will also help you see what the code is doing and when the database is accessed. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.