Member Avatar for ajwei810192

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
  • 79 Views
  • 19 Hours Discussion Span
  • Latest Post Latest Post by drsim
Member Avatar for drsim

can you send the actual link to your page?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.