Web Analytics Made Easy -
StatCounter CSS displaying strange in PC Internet Explorer, but displays right in Firefox/Safari - CodingForum

Announcement

Collapse
No announcement yet.

CSS displaying strange in PC Internet Explorer, but displays right in Firefox/Safari

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS displaying strange in PC Internet Explorer, but displays right in Firefox/Safari

    I am having an unusual display problem ... One of my ID's in my css file is not being displayed correctly in Internet Explorer for the PC, but shows right in Explorer for Mac, Safari, and Firefox. What I don't understand is how this id would display right in these other browsers and it even works right in explorer for mac, but gets scrambled up in explorer for PC. Is this a syntax problem, or do I need to add something to the CSS file to make it display correctly in IE for PC ...

    CORRECT
    Click image for larger version

Name:	shop_safari_correct.gif
Views:	1
Size:	48.7 KB
ID:	2274104

    PROBLEM
    Click image for larger version

Name:	shop2_pc_IE_problem.gif
Views:	1
Size:	22.1 KB
ID:	2274105

    I have attached images on how is it displaying incorrectly and correctly.

    Here is the CSS code that is displaying incorrectly in IE
    brown_note.css

    #intro { background-color: #e9e5c3; z-index: 5; margin: 0 0 0 -10px; padding: 12px 36px 12px 12px; border: dashed 1px white; }

    I have also uploaded the css if you would like to look at it ...



    If you would like to check out the site it is at www.brownnote.net

    Here is the html with the content box that is having problems...

    <div id="introBG">
    <div id="intro">
    <img src="images/web_head_graphics_08.gif" /><br />
    <br />
    <br />
    <h3><img src="images/bnta.jpg" width="400" height="75" /></h3>
    <h3>A Brief Description of Brown Note Amplifiers:</h3>
    <p> <em>Click on the links to the right to view more detailed specs on the Brown Note Amplifiers listed.</em><br />
    <br />
    <strong>BrownLite 18</strong> - Inspired by classic British 1974 18 Watt Lead Channel with significant changes to the circuit designed to deliver more gain, dynamics, flexibility and reliability. Powered by (2) EL84 Power Pentodes in AB Cathode Bias producing approximately 18 Watts, (1) 12AX7 Dual Triode Preamp with Parallel Triode Input, and (1) 12AX7 Driver. Controls Include: Volume, Tone. </p>
    <p><strong>BrownLite 33</strong> - A more powerful version of the BrownLite 18. Powered by (4) EL84 Power Pentodes in AB Cathode Bias producing approximately 33 Watts, (1) 12AX7 Dual Triode Preamp with Parallel Triode Input, and (1) 12AX7 Driver. Controls Include: Volume, Tone.</p>
    <p><strong>VoxyBrown 18</strong> - Inspired by the classic British AC15 Normal Channel with significant changes to the circuit designed to deliver more flexibility, clarity, grind, volume, flexibility and reliability. Powered by (2) EL84 Power Pentodes in AB Cathode Bias producing approximately 18 Watts, (1) EF86 Pentode Preamp, and (1) 12AX7 Driver. Controls Include: Gain, Tone, Girth, Hi-Cut, Volume. </p>
    <p><strong>VoxyBrown 33</strong> - A more powerful version of the VoxyBrown 18. Powered by (4) EL84 Power Pentodes in AB Cathode Bias producing approximately 33 Watts, (1) EF86 Pentode Preamp, and (1) 12AX7 Driver. Controls Include: Gain, Tone, Girth, Hi-Cut, Volume. </p>
    <p><strong>PlexiBrown 18</strong> - Inspired by classic British Plexi preamp, designed as a lower power alternative to achieve the classic high gain &quot;big amp&quot; tone. Powered by (2) EL84 Power Pentodes in AB Cathode Bias producing approximately 18 Watts, (2) 12AX7 Dual Triode Preamp, and (1) 12AX7 Driver. Controls Include: Gain, Treble, Mid, Bass, Volume. </p>
    <p><strong>PlexiBrown 33</strong> - A more powerful version of the PlexiBrown 18. Powered by (4) EL84 Power Pentodes in AB Cathode Bias producing approximately 33 Watts, (2) 12AX7 Dual Triode Preamp, and (1) 12AX7 Driver. Controls Include: Gain, Treble, Mid, Bass, Volume. </p>
    <p><strong>PlexiBrown 22</strong> - A different somewhat more traditional take on the low powered Plexi sound also inspired by classic British Plexi preamp, Powered by (2) 6V6 Power Pentodes in Fixed Bias producing approximately 22 Watts, (2) 12AX7 Dual Triode Preamp, and (1) 12AX7 Driver. Controls Include: Volume I, Volume II (internally jumpered), Treble, Mid, Bass, Presence. </p>
    <p><strong>DoubleBrown 18</strong> - A 2 channel amp with two separate sets of controls inspired by classic British AC15 and 2061 / PA20 18 Watt Head with significant changes to the circuit designed to deliver more gain, dynamics, flexibility and reliability. Powered by (2) EL84 Power Pentodes in AB Cathode Bias producing approximately 18 Watts, (1) EF86 Pentode Preamp, (1) 12AX7 Dual Triode Preamp with Parallel Triode Input, and (1) 12AX7 Driver. Controls Include: (2) Volume, (2) Tone. <br />
    <br />
    <br />
    All models include the specially designed <strong>Brown Note Transformer Set</strong> custom wound in the USA for big, tight lows and smooth highs. The Brown Note Power Transformer features the ability to internally &quot;Brown Out&quot; the power supply producing a rich tweed-like character with more &quot;sag&quot; and &quot;squish&quot; and slightly lower output. Some models can also be made on a custom-order status to accommodate EL95, ELL80 &amp; 6AQ5 tubes in the power section for output in the 3-10 watt range.<br />
    <br />
    <br />
    <strong>All amps include:</strong><br />
    Spare tubes<br />
    Heavy Duty Power cable <br />
    George L's Speaker Cable <br />
    Brown Note T-Shirt<br />
    <br />
    <br />
    <br />
    <em>Brown Note Tube Amps works with professional artists to develop and promote the Brown Note line. if you are interested in becoming a Brown Note endorser please inquire about Professional Artist Pricing and Endorsement Deals. </em><br />
    </p>
    </div>
    </div>

  • #2
    Please use code tags to post code. Its the little # (pound sign) button. As for your problem. z-index only works when position:relative, position:absolute, or position:fixed is applied to the element. Since position:fixed; isn't supported by IE6 that leaves us with position:relative; and position:absolute. And since we don't want the element absolute we use position:relative;. With that said #intro and #introBG need to be position:relative;
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      Thanks ... I will try that and let you know if it works ... thanks for the help. It is greatly aprreciated.

      Comment


      • #4
        Works great now ... thanks for the tip! I will make sure to remember this for future CSS designs.

        Comment

        Working...
        X