Top Banner Pan Across Whole Page

  • Hello!

    I’ve searched everywhere but couldn’t find this question answered. I am looking to have a simple banner with a solid color pan across the top of my page but do not know how to execute this. I’ve tried floating the css but it only lets me float left or right, not across the whole page.

    I need the banner to stretch according to the user’s resolution and web browser, something similar seen here:

    https://www.stopdesign.com
    https://www.bigspaceship.com

    I hope someone can help me with this. I know it has to be a simple css code.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

  • A link to your site would help. People can’t possibly suggest anything until they have some idea of what kind of overall layout/design this “banner” is supposed to fit into.

    Thread Starter knowquarter

    (@knowquarter)

    The page wouldn’t help because I’m using a temporary WP Theme until I get my page completed.

    I just need to know the css code to make a header bar that goes across the whole screen on the top with no padding or margin as seen here:

    https://www.bigspaceship.com

    I want it to stretch and contract depending on the browsers resolution.

    MARKUP

    <body>
<div id="header"></div>

    CSS
    #`header{
    height:100px;
    margin:0;
    padding:0;
    background:#000;
    color:#fff;
    }`

    Best I can do under the circumstances.

    Thread Starter knowquarter

    (@knowquarter)

    Thanks, esmi.

    I figured it out, I was floating my divs incorrectly.

    Knowquarter, Would you please provide more information on inserting this code. I am a newbie at the design stuff and having trouble. Thanks, Eric

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Top Banner Pan Across Whole Page’ is closed to new replies.