Results 1 to 2 of 2

Thread: Two issues that I don't know how to fix.

  1. #1
    Join Date
    Sep 2009
    Posts
    51

    Two issues that I don't know how to fix.

    1. The BGcolor shows up in chrome but not firefox.

    2. I don't know how to put text in a div in a div in a div....


    Here's the code if it helps...


    <!DOCTYPE HTML>

    <html>

    <head><title>The Interdisciplinary Society for Quantitative Research in Music and Medicine</title>

    <link href=’isqrmm.org’ rel=’shortcut icon’ type=’image/x-icon‘/>

    <link type="text/css" rel="stylesheet" href="style.css" />

    </head>

    <body bgcolor="3a6999">



    <div id="content" style="background-color: #ffffff; width: 800px; height: 1000px; width: width: 700px; margin-left: auto; margin-right: auto;">

    <img src="images/header.gif" width="800">





    <div id="left" style="background-color: #cccccc; width: 210px; height: 800px;">

    <div id="navigation" style="background-image: url(images/keys.jpg); width: 200px; height: 500px;">







    <pre><font style"font-family: times new roman;">

    <br><br>

    </pre></div>

    </div>

    </div>













    </body>

    </html>

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    Edit the body markup to this:-
    Code:
    <body style="background: #3a6999;">
    <!--<body bgcolor="3a6999"> this is an outdated method-->
    Fot the text in the div inside a div, you haven't coded any yet. Try this:-
    Code:
    <!DOCTYPE HTML>
    <html>
    <head><title>The Interdisciplinary Society for Quantitative Research in 
    Music and Medicine</title>
    
    <link href=’isqrmm.org’ rel=’shortcut icon’ type=’image/x-icon‘/>
    
    <link type="text/css" rel="stylesheet" href="style.css" />
    
    </head>
    
    <body style="background: #3a6999;">
    <!--<body bgcolor="3a6999">-->
    
    <div id="content" style="background-color: #ffffff; width: 800px; height: 
    1000px; width: width: 700px; margin-left: auto; margin-right: auto;">
    
    <img src="images/header.gif" width="800">
    
    <div id="left" style="background-color: #cccccc; width: 210px; height: 
    800px;">
    
    <div id="navigation" style="background-image: url(images/keys.jpg); 
    width: 200px; height: 500px;">
    
    <pre><font style"font-family: times new roman;">
    
    <br><br>
    Text in div
    
    </pre></div>
    
    </div>
    
    </div>
    
    </body>
    </html>
    When using <pre>.......</pre> you shouldn't have to use <br> as the pre tag should retain line spaces when you copy/paste a block of text from somewhere. It should keep the layout the same.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. IE javascript fix
    By testingsite in forum Client & Server Side Scripting (PHP, ASP, JavaScript)
    Replies: 0
    Last Post: 28 Dec 2009, 08:53 AM
  2. alternate version of site for IE6 to fix transparency issues?
    By electrickeye in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 21 Feb 2009, 03:06 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •