HELP! Container on large product won't expand with content

Everyone, I am at my wit's end. I'm almost finished optimizing my site for tablet but I can't figure out why the containing div around the large product won't expand. I've tried everything! It's fine on mobile and desktop but for some reason it won't expand on tablet.
http://petroniuswines.businesscatalyst.com/wines/italian-wines/marchesi-incisa-leopoldo
I went ahead and linked the tablet.css in the main desktop template so you can see my issue.
http://petroniuswines.businesscatalyst.com/css/tablet.css
It's a mess, I know. I've tried everything so I don't even know where to turn for a fix at this point. I color-coded the divs in the large product so I could clearly see what was happening.
Any help would be so much appreciated!
Anne

Line 1200 in tablet.css. You have a height set to 200px in .product-list
li{}

Similar Messages

Div tag not expanding with content.. Help please!

Hi there,
Firstly I'm reasonably new to this so if I appear stoopid, it's possible that I am.
I have been building a CSS based page with Div tags. What I'm trying to achieve is an html body that has a #wrapper centred on the page, then a #header, #nav, #banner, #content and #footer consecutively down the page. Then inside I want to place a #leftColumn and a #rightColumn. This much I have achieved. What I'm having trouble with is having the content div expand with the two column divs within it. I've included the main.css file I'm using below as well as the source code for the content section of the page. Any help would be greatly appreciated.
Cheers,
Philamon
@charset "UTF-8";
body {
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
color: #000;
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#header {
color: #000;
margin-top: 12px;
margin-bottom: 12px;
#content {
color: #000;
width: auto;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
#footer {
color: #000;
margin-top: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
#logo {
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
#nav {
color: #000;
height: 28px;
#banner {
color: #000;
height: 200px;
text-align: center;
#leftColumn {
color: #000;
float: left;
width: 70%;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#rightColumn {
color: #000;
float: right;
width: 20%;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
.fltrt {
float: right;
<div id="content">
    <h1>Welcome to The Groundswell Division</h1>
    <div id="leftColumn">
      <h2>Mission Statement</h2>
      <p>The Groundswell Division aims to:</p>
      <p>Be involved in the future moulding of the Australian performing arts industry through attracting new audiences, working collaboratively to find new forms and helping to expand the scope of performing arts in Australia.<br />
        Provide vital, diverse and challenging artistic works for audiences, both locally in Melbourne, throughout Australia and internationally.<br />
        Provide a platform for local performing arts practitioners who are currently underutilised within the industry.<br />
        Provide an umbrella for independent artists to stage their works within an established, supportive company.<br />
        Make all decisions regarding creative direction and control in an open, honest forum by the members of the Company’s democratic committee. </p>
    </div>
    <div id="rightColumn">
      <h2>Subheading</h2>
      <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div><div id="leftColumn2">
      <h2> </h2>
</div>
</div>

Hi,
Change your wrapper code to this.
#wrapper {
width: 760px;
margin: 0 auto;
color: #000;
text-align: left;
You haven't included the Wrapper Div in your code :
You haven't specified and CSS markup for leftColumn2.
I have included an example (the div sizes will need adjusting!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
@charset "UTF-8";
body {
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
width: 760px;
margin: 0 auto;
color: #000;
text-align: left;
#header {
color: #000;
margin-top: 12px;
margin-bottom: 12px;
#content {
color: #000;
width: 740px;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
#footer {
color: #000;
margin-top: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
#logo {
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
#nav {
color: #000;
height: 28px;
#banner {
color: #000;
height: 200px;
text-align: center;
#leftColumn {
color: #000;
float: left;
width: 400px;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#leftColumn2 {
color: #000;
float: left;
width: 100px;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#rightColumn {
color: #000;
float: left;
width: 100px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
.fltrt {
float: right;
}</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<h1>Welcome to The Groundswell Division</h1>
    <div id="leftColumn">
      <h2>Mission Statement</h2>
        <p>The Groundswell Division aims to:</p>
        <p>Be involved in the future moulding of the Australian performing arts industry through attracting new audiences, working collaboratively to find new forms and helping to expand the scope of performing arts in Australia.<br />
        Provide vital, diverse and challenging artistic works for audiences, both locally in Melbourne, throughout Australia and internationally.<br />
        Provide a platform for local performing arts practitioners who are currently underutilised within the industry.<br />
        Provide an umbrella for independent artists to stage their works within an established, supportive company.<br />
        Make all decisions regarding creative direction and control in an open, honest forum by the members of the Company's democratic committee. </p>
    </div>
    
    <div id="leftColumn2">
    <h2></h2>
    </div>
     
    <div id="rightColumn">
    <h2>Subheading</h2>
    <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div>
     
   </div>
    
    <div id="footer">
    <h2>Footer</h2>
    </div>
    
</div>

</body>
</html>
Hope this helps ;-)

HELP! My iPod Nano won't sync with iTunes on the computer! What do I do?

I have an iPod Nano 6th Generation. I have purchased and downloaded three songs from iTunes. The iPod and the computer won't sync with each other! What do I do? Please help! Thanks!

Try:
iTunes for Windows Vista or Windows 7: Troubleshooting unexpected quits, freezes, or launch issues
(it includes a link for XP)
iOS: Troubleshooting backup issues in iTunes

Help!!! iPod won't sync with iTunes, iTunes freezes!

Hello, I'm sorry if this topic is already in an other one, but I couldn't find it.
First of all, I'm very pleased with my iPod Classic 160Gb, finally I can carry my complete collection with me. Since I'd installed the 8.0.1 update for iTunes, my iTunes freezes immediately, and my iPod won't show up in iTunes, and the screen of the Classic is stuck on "Connected".
If I don't connect, iTunes works perfectly, even with my iPhone (Everything works smoothly).
What is the problem?, I've tried everything, Reboot iPod Classic 160 Gb, reïnstall iTunes (complete deinstallation), i tried different USB-ports of my laptop, other USB-cabel, reboot PC. All updates, even my USB-ports. Can somebody please tell me what's happening? And solve my problem?
I didn't found this same problem in any of other topics, if someone finds the same topic WITH an answer, I would be pleased.

Ok seriously. We pay way too much for these things for crap like this to happen all the time. Apple has us all by the gonads b/c they know we can't get them to work any other way.
Friday, my 80G classic worked just freaking fine on my home computer. After I reinstalled it b/c of some error with quicktime. I also connected it to my brother's laptop over the weekend it did fine. Used it on work computer today worked fine---after I had to uninstall and reinstall quicktime.
Loaded the iTunes upgrade on work computer today, seemed to work fine after that.
Now at home I get the following error: Your iPod needs to be reformatted for use with Windows. Would you like to run iTunes to restore your iPod now?
I've tried for weeks now to back up my iTunes on both my computers and it always freezes. I was hoping after the new version this would be fixed. NOT so much.
So in a nut shell....I CAN'T back up my stuff, b/c iTunes *****. Now in order to use it I have to reformat my iPod, which will erase all my stuff. So I'm SCREWED. I'm not usually a hostile person, but at this point I could scream!!!!!
the apple/iTunes support team has been nothing but helpful on some duplicate song issues I've had in the past. Why in the H*LL can't they freaking fix this???
If I have to reload 80G it won't be on an iPod. I'll sell the **** thing to some other sucker, find something else, or for pete's sake, go back to CDs.
Don't tell me Apple doesn't have enough money or enough geniuses (genii) to figure this out with out it causing my time and money I've already spent.
Rant over....

Help. My Airport Express won't connect with Charter Internet???

I just got Charter internet today, I'm trying to set it up from my PC so that it can connect wirelessly to my iMac, ipods, xbox etc and everytime I try and configure it, it says I have an invalid IP address. Does apple's airport express not work with Charter???

Suggest that you follow the instructions provided by forum expert Tesserax in this User Tip:
AirPort - Complete Power Recycle

Photoshop cs6 - How do you stop the "Help Improve Adobe's Products" window from appearing?

EVERY time I open Photoshop CS6 I get the damn "Help Improve Adobe's Products" box appearing. I've clicked 'Participate' and answered all the questions ... I've pressed 'Do Not Participate' ... many times !
The darn window still opens every time I open PS6 .... driving me nuts!!
PS ... on a Mac ... in Australia.
There must be a way of getting rid of it ...
AND ... further ... on one of my machines ... my Mac Air ... for a while Photoshop CS6 would HANG completely (spinning beach ball) when the "Help Improve Adobe's Products" window opened BUT with no text in the box ... yup ... CS6 hung when the box opened completely empty of text !!
Would not like that to happen whilst on an assignment 'on the road' !!!
Plaese advise !!! Thanks

I am told MacKeeper causes problems. Hopefully you did not install that.
The only idea remaining is to uninstall/clean/reinstall.
Let's go over that:
No need to deactivate, so skip that.
In your CS6 folder is a shortcut to the uninstaller. I would like you to check "Remove Preferences" when you run the uninstaller.
When that's done, download the CS-CC Cleaner for the Mac. Run that.
Use the CC Cleaner Tool to solve installation problems | CC, CS3-CS6
As far as your Mac goes, Run Disk Utility on your volume.
Verify Disk
Repair Permissions.
Then reinstall CS6 and updates.
It's is a "nuke and pave" approach, but if you do not want to be messing with internals you do not understand, it's the best way to go.
Gene

Desktop Manager won't work with Bold 9900 no matter how many times I uninstall and reinstall!

This really is a shambles and Blackberry are no help!! Can you guys help!! My blackberry won't SYNC with my computer! I have tried uninstalling and reinstalling the software, it isn't ideal at all!
Any tips, I connect device and for hours it comes up on device manager, 'Connecting' nothing changes!
Anyone provide any tips on how I can get this to work.
I have been downloading device manager 7.0 but it doesnt work and Blackberry arent interested in helping!

OH! So this isn't really a sync problem, but a connectivity problem between the BB and the Desktop Software (lack of sync is a cascaded symptom, but connectivity is the root issue)...much different! In which case, here is the list of troubleshooting articles...hopefully something will be useful:
http://supportforums.blackberry.com/t5/BlackBerry-Desktop-Software/Tips-for-getting-BlackBerry-Deskt...
KB10144 How to force the detection of the BlackBerry smartphone using Application Loader
KB28457 BlackBerry Desktop Software is unable to detect the BlackBerry Smartphone due to administrative permissions
KB28458 BlackBerry Desktop Software is unable to detect the BlackBerry Smartphone when user account control is enabled
KB28459 BlackBerry Desktop Software is unable to detect the BlackBerry Smartphone when a full version of Roxio® Media Manager is installed
KB28456 BlackBerry Desktop Software is unable to detect the BlackBerry Smartphone when USB selective suspend setting is enabled
KB28444 The BlackBerry smartphone is not detected by BlackBerry Desktop Software when connected by USB to a USB hub or a docking station
KB28443 BlackBerry Desktop Software cannot detect the BlackBerry smartphone when it is connected via USB
KB02640 Troubleshooting USB connections
KB15486 Top 10 BlackBerry smartphone and BlackBerry Desktop Manager troubleshooting tips
KB00125BlackBerry Desktop Software cannot detect the BlackBerry smartphone
KB11439 BlackBerry Desktop Software does not detect the BlackBerry smartphone when it is connected
KB00019 No PIN displayed in BlackBerry Desktop Redirector
KB10938 "USB charging current is insufficient" appears on the BlackBerry smartphone
KB01451 How to turn on advanced synchronization logging if a wired synchronization fails
KB19717 The BlackBerry smartphone is not detected as a USB Mass Storage Device when connected to a computer
KB16310 Media Transfer Protocol and the BlackBerry Storm smartphone
http://supportforums.blackberry.com/t5/BlackBerry-Desktop-Software/Desktop-Manager-quot-disconnected...
Also, check that you are using only root USB ports...no hubs (sometimes the front-side ports are hubs...use a rear USB port). And make sure to try disabling USB power management in your system configuration (Device Manager).
Also check on conflicting software...it has been reported that the software package NTI Shadow&Ninja can cause a conflict; removing them and reinstalling the BB desktop software allows it to install correctly.
Apologies in advance if this is redundant -- there's no way to be sure if you've already seen and tried these. Also apologies if any are not presently available...RIM takes them up and down at will as they revise things.
Hopefully something there is helpful!
Cheers!
Occam's Razor nearly always applies when troubleshooting technology issues!
If anyone has been helpful to you, please show your appreciation by clicking the button inside of their post. Please click here and read, along with the threads to which it links, for helpful information to guide you as you proceed. I always recommend that you treat your BlackBerry like any other computing device, including using a regular backup schedule...click here for an article with instructions.
Join our BBM Channels
BSCF General Channel
PIN: C0001B7B4 Display/Scan Bar Code
Knowledge Base Updates
PIN: C0005A9AA Display/Scan Bar Code

Casio Camera won't work with SL

My Casio EXZ850 camera doesn’t work with Snow Leopard.
Used it with Windows XP & then with Leopard just fine. When connect to USB ports not recognized by Mac. I checked System Profiler.app & under USB it is not listed. Casio Support is no help. They say it won’t work with anything above OS X 10.4 which is incorrect as I used it with 10.5 for over 1 year with no problems.

I take it that you ahve the IP set to static, or have a MAC address DHCP reservation for the camera, network settings OK.
WHat was the wireless authentication on the old router and what are you using on the new 4200?
Is it possible the camera does not support the encryption used by the 4200, i.e. wpa2-personal?
Have you tried WEP to see if the camera will work then?

HP Officejet 6500A Plus won't work with Windows 10

Help!! Officejet 6500Aplus won't print with windows 10. Every aplication just spits out blank pages when you print.

I have the same issue with my OJ 6500 (network connected). And I've been just been sent on a wild goose chase to install the support assistant - which didn't actually resolve my issue. When I go directly to the drivers, it recognizes my OS as Windows 10, but doesn't give me a matching driver package to download... How/when will this be resolved? Does anyone have a workaround?If I knew that my printer/scanner doesn't work anymore I certainly wouldn't have upgraded to Windows 10. Win 8.1 wasn't perfect, but at least everything worked... Thanks for any suggestions!

I purchase Lightroom 6 upgrade and during installation the product won't download using the serial number provided. It then asks for serial number of previous installation (lightroom5) but does not recognise it once inserted. Please help!

i purchase Lightroom 6 upgrade and during installation the product won't download using the serial number provided. It then asks for serial number of previous installation (lightroom5) but does not recognise it once inserted. Please help!

Yes, I have a TLP license, so which kind of upgrade should I buy?
I'm an Italian user and I would prefer to contact support by web chat but I can't find it in the website, please can you help me? Thank you, I'm desperate!

Adding facebook comments to large product page

hi guys I just wanted to go over the facebook intergration process *** ive read this http://kb.worldsecuresystems.com/kb/add-social-media.html
but couldnt find the container.html page in admin, only dreamweaver.
plus when ive checked out the forums on intergrating facebook comments there seems a work around because the current module doesnt work the way people want it. to.
Is this still the case or should I go about intergrating facebook as described http://kb.worldsecuresystems.com/kb/add-social-media.html
What I want to do is use it on this site on the large product section instead of the comments module ive inserted
http://www.ceramicplanet.co.uk/bathroom-tiles/relief-white-5445-25x33cm
would adding the script to the large product template manually work better than adding it to the facebook container.html page in the social modules folder?
plus I got the impression peeps had trouble having the comments for that one item showing just on its own page. I want just comments for the product on show appearing on that product page not just any old list of random comments. Is this easy to do now or is there extra url tags needed?
any advice or help will be greatly appreciated
Dave
oh just to say this is the code facebook gave out when I pressed get code but Ive noticed different versions on forum pages, is it right to use this
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://example.com/comments"
data-colorscheme="The color scheme used in the plugin" data-numposts="5"
data-width="420"></div>

If you just want to keep it simple, Facebook has a social widget system that works from the URL, as long as the URL stays the same the comments will he there for that product or whatever you need.
It is very easy to implment and even has a wizard to help you config the size and look.
https://developers.facebook.com/docs/plugins/

Template- container div background not expanding with page

Hello! Still fairly new to Dreamweaver. I'm building a website using a template I made. Theres one problem I can't figure out... I've created my "container" div and I'm using a style to add a background to this div. I have all my other divs inside the container. The problem I'm running into is that with pages of different lengths, the background doesn't expand to fill the rest of the page. As my content div (editable region) expands with more content, and my footer div moves down as it should, the background image just cuts off where it ended in the template. I created the background in photoshop, and I know for a fact that it's long enough to handle the lengthy pages. It's not a matter of the background image not being long enough, its just as the content div expands bigger than the template, it doesn't fill the entire container div.
So far my only solution is to make sure the template is tall enough to handle the longest page, and the shorter pages just have the added space below the content. I dont really want to do this, but I will if I have to. I hope I was clear enough, if you need screenshots or need to see the code I can post it. Thanks in advance for your help!
Justin

Unfortunately I dont have a server yet, I realize that would be easiest and I apologize.
I tried adding the repeat-y like you said, and it didn't make any difference. I also went into the style and chose repeat-y from the dropdown box and it added
background-repeat: repeat-y;
and that didnt work either. I may not have explained it well enough, in my template.dwt page the background works exactly as it should, it expands with the page. But after I created the new pages using this template, then expanded the content in the editable region, thats when the container background doesn't expand to fill the page. It's stuck at the point I saved it in the template. I dont want the entire background showing all the time, on the shorter pages I want it to only go to the bottom of the content. Does that make sense?
Thank you

Large product page not displaying correctly on responsive webpage.

Large product page not displaying correctly on responsive webpage. Not really sure what to adjust or correct.
http://iamartde.businesscatalyst.com/apparel-1/i-am-art-sweatshirt-white

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

Tumblr's images won't expand -- known to be only a Firefox issue

In the last three-ish days, I've been noticing that my Tumblr dashboard:
a] won't load past a few pages (I use infinite scrolling)
b] won't expand any images when I click on them
c] won't let me edit posts, period
All of these are not an issue in Chrome. Anyone know any fixes?

Looks normal to me (I didn't try to post, though).
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
1. Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server. Any difference? If not...
2. Clear Firefox's Cache Completely
orange Firefox button ''or'' Tools menu > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
3. If needed, remove the site's cookies in this dialog
While viewing a page on the site, right-click and choose View Page Info > Security > "View Cookies"
Then try reloading the page. Does that help?
Speaking of cookies, how do you manage cookies? In particular, do you have Keep until "they expire", "I close Firefox" or "ask me every time" under:
orange Firefox button ''or'' classic Tools menu > Options > Privacy

Bug: All emails containing unique large images show up with the image of the first viewed email

After deleting all messages in my inbox and rebooting my Blackberry,
Various emails arrive in my inbox, each containing a large image.
Whichever email I choose to open, it will show the image that it contains, but after that, every other email I view that contains a large image, displays the image of the first email, and not the actual image in the email that I'm trying to view.
This happens constantly.

I have the same problem. Running Windows 7. This started to happen with in the last two weeks. Even my older e-mails from a year go does the same thing.
Been on tech support twice and have friends of mine over to look it over.
Does not happen on G mail. Happens on my laptop and pc and HTC verizon phone.
Yes, they see it the image as fine. No help from them, verizon.
My images will have an X or show up half grey or like there Fios TV some time all blocks.
I been with them for a long time too. Since they were call Bell Atlantic.
I am at work and I use Clear.com wifi.
Feel very disappointed in Verizon.
TomLingJr

HELP! Container on large product won't expand with content

Similar Messages

Maybe you are looking for