Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Web Design (WordPress, Joomla, etc.) Internet Explorer….ugh

  • Internet Explorer….ugh

    Posted by Crystelle Dalla betta on January 3, 2012 at 2:44 am

    the site: lavishsalonspa.co

    the issue…one of the inner wrappers is pushed way to the right.

    You can see the difference by opening the site in firefox and then in IE…it’s pretty obvious…

    My CSS:
    @charset "UTF-8";
    /* CSS Document */

    CSS - https://www.cmdbdesigns.com/

    * Collapse All
    * Expand All

    .style1 {font-size: 12px}

    html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
    margin: 0;
    padding: 0px;
    3; 3; 3;;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    list-style-type: none;
    }
    body{
    background-color:#000000;

    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;

    }

    p {
    color:#FFFFFF;
    text-align: left;
    padding: 10px;
    padding-top: 15px;
    }
    h1 {text-align:center;
    font-size:16px;
    }

    table.center {margin-left:auto; margin-right:auto;}

    a:link
    {
    color:#73B3D8;
    text-decoration: none;
    } /* unvisited link */
    a:visited {color:#FFFFFF;
    text-decoration: none;
    } /* visited link */
    a:hover {text-decoration: underline} /* mouse over link */
    a:active {color:#000000; text-decoration: none;} /* selected link */

    div.img
    {
    text-align: center;
    }

    a img {
    border: 0;
    }

    table.padded-table td { padding:5px; }

    #wrapper{
    width: 1000px;
    background-color:#000000;
    background-repeat: repeat-x;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    }

    #innerwrapper{
    width: 700px;
    background-color:#000000;
    background-repeat: repeat-x;
    text-align:left;
    margin-left: 225px;
    margin-right: auto;
    }

    #innerwrapper1{
    width: 201px;
    background color:#000000;
    background-repeat: repeat-y;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: absolute;
    float: right;
    height: 65px;
    top: 753px;
    background-color: #000000;
    padding-left: 15px;
    padding-top: 15px;
    }

    #banner{
    width: 950px;
    background-color:#000000;
    background-repeat: repeat-x;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-decoration: none;
    }

    #logo
    {
    position: absolute:
    z-index: 2;
    left: 100px;
    width: 100px;
    height: 50px;
    }

    #nav{
    width: 950;
    height: 200px;
    vertical-align: middle;
    margin-left: auto;
    margin-top: 170px;
    height: 500px;
    background-repeat: no-repeat;
    list-style-position: inside;
    margin-top: 25px;
    width: 1025px;
    margin-right: auto;
    }

    #nav ul{
    padding: 7px;
    margin: 0;
    font-size: 15px;
    }

    #nav ul li{
    display: block;
    padding: 4;
    margin: 0;
    height: 10px;
    }

    #nav ul li a:hover, #nav ul li a:focus{
    text-decoration: none;
    }

    #content p{
    background-color: #FFFFFF;
    font-size: 14px;

    }
    #content {
    margin-left: 130px;
    margin-top: 25px;
    margin-right: 130px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 570px;
    }

    .clearit{
    clear: both;
    }

    #footer{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 1em;
    width: 950px;
    font-size: 10px;
    }

    #wrapper #content li

    {
    top: 0px;
    left: 0px;
    width: 600px;
    margin-top: 0px;
    list-style-position: inside;
    list-style-type: none;
    }
    #menuh-container
    {
    position: relative;
    width: 650px;
    top: 4px;

    }

    #menuh
    {
    font-size: small;
    font-family: arial, helvetica, sans-serif;
    width:100%;
    float:left;
    background-color: #9a6632;

    }

    #menuh a
    {
    text-align: center;
    display:block;
    border: 0px;
    white-space:nowrap;
    margin:0;
    background-color: #9a6632;

    }

    #menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */
    {
    color: #FFFFFF;
    background-color: #9a6632;
    text-decoration:none;

    }

    #menuh a:hover /* menu on mouse-over */
    {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration:none;
    padding: 2px;
    width: 135px;
    }

    #menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */
    {
    background-color: #9a6632;
    background-position: right center;
    background-repeat: no-repeat;
    }

    #menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */
    {
    background-color: #9a6632;
    background-position: right center;
    background-repeat: no-repeat;
    }

    #menuh ul
    {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:129px; /* width of all menu boxes */
    /* NOTE: For adjustable menu boxes you can comment out the above width rule.
    However, you will have to add padding in the "#menh a" rule so that the menu boxes
    will have space on either side of the text -- try it */
    }

    #menuh li
    {
    position:relative;
    min-height: 1px; /* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
    }

    #menuh ul ul
    {
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    padding: 1em;
    margin:0 0 0 0;
    background-color: #9a6632;
    }

    #menuh ul ul ul
    {
    top:0;
    left:100%;
    }

    div#menuh li:hover
    {
    cursor:pointer;
    z-index:100;
    }

    div#menuh li:hover ul ul,
    div#menuh li li:hover ul ul,
    div#menuh li li li:hover ul ul,
    div#menuh li li li li:hover ul ul
    {display:none;}

    div#menuh li:hover ul,
    div#menuh li li:hover ul,
    div#menuh li li li:hover ul,
    div#menuh li li li li:hover ul
    {display:block;}

    /* End CSS Drop Down Menu */

    John Morley replied 12 years, 3 months ago 3 Members · 2 Replies
  • 2 Replies

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy