FORUMS: list search recent posts

Internet Explorer....ugh

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Crystelle Dalla BettaInternet Explorer....ugh
by on Jan 3, 2012 at 2:44:19 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 - http://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 */


Return to posts index

Mike SmithRe: Internet Explorer....ugh
by on Jan 4, 2012 at 11:34:49 am

OK they look extremely similar here on IE9 and FF8 on Win 7. What version of IE on what platform is troubling you (and does that version / platform combo have much market share ...?)

But you do have some code errors, including a div issue, which might be worth correcting, and which may account for some differences in browser rendering. - you could peek at
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flavishsalonspa.co%...
and
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Flavishsalonsp...


Return to posts index

John MorleyRe: Internet Explorer....ugh
by on Jan 27, 2012 at 4:57:25 am

On another issue:

When I clicked the contact button, running Firefox on Mac, the following error displayed:

Firefox doesn't know how to open this address, because the protocol (email) isn't associated with any program.

--
John Morley

Author of Scriptwriting for High-Impact Videos

John@OriginalVision.com


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]