0

Hi,

I have a code here as in the following:

<div id="main">
            <h1>Test</h1>
            <pre>Test Only</pre>
        </div>

Here is the CSS:

#main {
    width:55%;
    border:0;
    padding:4em 2em 4em 24em;
}
#main h1 {
    color:blue;
    padding-top:1.75em;
    font-size:24px;
     padding-left:6em;
    font-family:Garamond,Arial,sans-serif
}
#main pre {
    font:bold 12px helvetica,sans-serif;
    padding-left:4em
}

For some reason, I wanted to add more padding for the IE version, so I did:

#main div {width:65%}
#main h1{padding-left:5em}

It does not seem to make the presentation on the ie version any different when I made this change, my padding is still off, and I am trying to move things towards the right side of the screen due to the background image I had.

What have I missed here? I did put in this: <!--[if IE]><link href="css/ie.css" rel="stylesheet" type="text/css"/><![endif]-->

Thanks for your help.

2
Contributors
1
Reply
2
Views
7 Years
Discussion Span
Last Post by drsim
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.