Skip to main content
Participating Frequently
January 31, 2018
Answered

background color

  • January 31, 2018
  • 2 replies
  • 720 views

This is my first time to build a website using the fluid grid layout on Dreamweaver CS6.

I am trying to get rid of the white space between ads so that the background color is solid sand color behind the entire width of the page, but...the ads are contained in separate div tags so that I can place them in a different location on the mobile layout. Is there a way for me to do this?
Thank you,

Rachel


    This topic has been closed for replies.
    Correct answer Nancy OShea

    Put the background-color on your .fluid-container class instead of the Layout Divs.

    I'm not a big fan of legacy Fluid Grid Layouts.  They were removed from DW CC for a reason.  They layouts are very temperamental to work with.  DO NOT EDIT the layout CSS code.  Use a separate external stylesheet for custom CSS.   If you break it, you can always revert out of it.

    Nancy

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    February 1, 2018

    Put the background-color on your .fluid-container class instead of the Layout Divs.

    I'm not a big fan of legacy Fluid Grid Layouts.  They were removed from DW CC for a reason.  They layouts are very temperamental to work with.  DO NOT EDIT the layout CSS code.  Use a separate external stylesheet for custom CSS.   If you break it, you can always revert out of it.

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Participating Frequently
    February 1, 2018

    What is your preferred alternative to fluid grid layouts if you need a website that will work on all platforms.  I don't have any coding knowledge - just have kind of learned dreamweaver along the way....

    Nancy OShea
    Community Expert
    Community Expert
    February 1, 2018

    I use Bootstrap's responsive framework and I mainly work in Code View.  A good  understanding of Bootstrap's built-in  CSS classes and its 12-box grid system are essential. 

    Bootstrap 3 Tutorial

    Nancy O'Shea— Product User & Community Expert
    B i r n o u
    Legend
    February 1, 2018

    without code it's a bit complex to give a pertinent answer...

    first try... try to give a transparent color background to you div ads container

    div.if_you_have_a_class_adress_to_them {

       background-color:transparent;

    }