I am currently setting up a new website for a client using Drupal for the first time. So far I have installed the software and done some configuration which was all fairly straightforward. I have designed a template outside of Drupal which works correctly in all browsers tested (Opera, Firefox, IE6). I then converted this to a Drupal template by inserting the php code for the various sections of content.
This did work but did not display as expected and I worked out that the css rules for the main
were apparently not being applied. The pagewidth div has a fixed width of 760px, left and right margins set to auto to centre it in the viewport and a background colour. Inside this is a 'container' div which then contains the 2 column core content of the site. A 'footer' sits below the 'container' but still inside the 'pagewidth'.
However, the 'pagewidth' rules were not applied and that div expanded to the full viewport size. The 'container' div, however, was set to 760px wide and centred. The 'footer' was positioned to the left of the 'container' instead of directly below it. The solution I found was to move the 'footer' inside the'container' and the display appeared correctly although there is still no background colour outside the'container'.
Still on Drupal 7? Security support for Drupal 7 ended on 5 January 2025. Please visit our Drupal 7 End of Life resources page to review all of your options.
