PDA

View Full Version : Two issues that I don't know how to fix.


mexichinksunite
01 Mar 2011, 01:50 AM
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>
Wickham
01 Mar 2011, 02:21 AM
Edit the body markup to this:-


<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:-


<!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.