Full width div?

  • TallSam

    (@tallsam)


    8 years, 4 months ago

    I would like to make a div take up the full width of a users screen. I plan to set the color or give some kind of textured background. I’ve tried absolute positioning but this messes with my footer… What’s the best way to do this?

    I don’t know if a div is the right object for the task. Perhaps there is something else I should be using… I’m just trying to get that modern look where the full screen is used with well separated content as you scroll down.

    On a side note, I’d bet this has already been discussed here, but I don’t know how to search the wordpress.org support for just customizr. Suggestions?

    Thanks,
    Sam

Viewing 3 replies - 1 through 3 (of 3 total)
  • Menaka S.

    (@menakas)

    8 years, 4 months ago

    Hi,
    Can you give your site’s url and explain what you want to achieve there?

    Thread Starter TallSam

    (@tallsam)

    8 years, 4 months ago

    Hi Menaka,

    Here is the url: https://tall.life/home/. You can see I have a gallery of images on a grey div. This is the kind of thing I’m trying to do. The only problem is that I’ve achieved this full width div with absolute positioning, so it is messing with the footer. I suppose I could increase the space at the bottom somehow, but it seems to me that I’m going about this wrong. Any suggestions?

    Thank you kindly,
    Sam

    Thread Starter TallSam

    (@tallsam)

    8 years, 4 months ago

    The strategy I’m trying to work with now is a div in a div. The outer div is relative positioning while the inner one is absolute. The only problem is that I have to set the height of both before hand rather than letting the contents determine the height… Code below… If anyone has any suggestions how to avoid having to set the height like this please let me know.

    Thanks,
    Sam

    <div style=”overflow:hidden; height:300px;”>
    <div style=”width: 100%; background-color:LightBlue; position:absolute; left: 0;right: 0; overflow:hidden;height:300px;”>
    Contents Here
    </div>
    </div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full width div?’ is closed to new replies.