margins are collapsing

  • Resolved keithiopian

    (@keithiopian)


    11 years, 10 months ago

    I am having an issue where my margin on my <div> tags is collapsing. Basically my page is 5 div tags separated by 10px of margin. It works fine in all browsers prior to cutting into wordpress, but when transferred over to wordpress all the margins collapse. Any thoughts are appreciated.

    Thanks!

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

  • Are you putting those margins into the CSS in WordPress? Or where are the margins defined?

    Thread Starter keithiopian

    (@keithiopian)

    Hey WPyogi,

    Thanks for the reply. My margins are declared in my styles.css as such:

    #outerCarousel {
    width:900px;
    height:290px;
    margin:10px 0;
    padding:15px 0;
    background-color:#fff;
    box-shadow:0px 0px 5px #bbb;
    -moz-box-shadow: 0px 0px 5px #bbb;
    -webkit-box-shadow:0px 0px 5px #bbb;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    }

    basically I have 5 <div> containing sections on the page and the second and third have margin attributes on the top and bottom to create a little space between them.

    Can you post a link to the site — without seeing it live, it’s pretty impossible to help with CSS questions.

    Thread Starter keithiopian

    (@keithiopian)

    Hey WPyogi,

    I just uploaded my site to the internet and the margins work fine when hosted. For some reason it is the MAMP environment that isn’t recognizing the margins.

    Thanks for you help!

    Thread Starter keithiopian

    (@keithiopian)

    Actually, I take that back, it is referencing my initial design file. Let me get wordpress properly configured and I will post the url.

    Thanks!

    Thread Starter keithiopian

    (@keithiopian)

    Hey Wpyogi,

    Thanks again for you help,here is the url:

    https://kconstable.com/VaporPress/wordpress/

    The margin attribute works fine when I dial in on my <h1> tag, but for some reason it isn’t working on my div id’s.

    You can see what it is supposed to look like here:

    https://kconstable.com/VaporPress

    This is the static version prior to slicing into header.php, splash-page.php, & footer.php

    Thread Starter keithiopian

    (@keithiopian)

    Still looking for a solution on this if anyone can put a fresh set of eyes on this.

    Thanks!

    Hey Keith – I looked at the pages – I’m not clear where the problem is. (Although I don’t have flash functional at the moment, so if it’s there, no can do.)

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘margins are collapsing’ is closed to new replies.