...

View Full Version : Left div length problems



<(^^<)KIRBY
02-23-2005, 09:27 PM
Alright, so here's my problem. I am having problems making an image the right length for my background, in my left div. The image is about 147 px wide, and 900 long. Problem is, I need a section of code that I can put on each page to alter the length, so that I can adjust it per page, to fit it just right. So, I need to alter it from 147x900 to 147x1200 on one page, and have 147x1600 on the next. Get what I mean?

CSS:


body {

background: #E8E8E8;
font: 16px Verdana, sans-serif;
}

#left {
width: 147px;
height: 100%;
background: url(../Pictures/crackback.gif);
float: left;
margin-right: 20px;
}
#right {
width: 75%;
float: right;
}
a:link {color: #104E8B;
text-decoration: none;
background-color: transparent }
a:visited { color: #4169E1;
text-decoration: none;
background-color: transparent }
a:hover { color: #00066;
text-decoration: underline;
background-color: transparent }
a:active { color: #A9ACB6;
text-decoration: underline;
background-color: transparent }
.title { text-align: center}
.floaty {
float: right;
}
#navlist
{
padding: 0 1px 1px;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.8em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover
{
border-color: #000066;
color: #FFF;
background: #4169e1;
}
#good {
text-align:center;
}
/* menubar's code altered from http://www.freelayouts.com/generators/generator.php?pg=cssnav */


Main Page


<html>
<title> Marcon Inc.</title>
<LINK TYPE="text/css" HREF="styles/Marcon.css" REL="stylesheet">

<body>
<div id="left">
<background height= 1200px>
<br>
<br>
<img src="pictures/marconLogo.gif">
<br><br>
<!--** START NAVSTUDIO MENU TAGS (479422) **-->
<div id="vqp_about" style="position:absolute;visibility:hidden;">****JavaScript based drop down DHTML menu generated by NavStudio. (OpenCube Inc. - http://www.opencube.com)****</div>
<script language="JavaScript" vqptag="doc_level_settings" vqp_datafile0="MarconMenu.js" vqp_uid0=479422>cdd__codebase = "";cdd__codebase479422 = "";</script>
<script language="JavaScript" vqptag="datafile" src="MarconMenu.js"></script><script vqptag="placement" vqp_menuid="479422" language="JavaScript">create_menu(479422)</script>
<!--** END NAVSTUDIO MENU TAGS **-->
</div>
</div>
<div id ="content">

<br><br>
<br><br>
<br><br>
<br>

<h1><center>Welcome to MarCon, Inc.</center></h1>
<center>
<img src = "pictures/index.jpg">

</div>
</div>

</body>
</html>


Thanks!

chilipie
02-23-2005, 10:27 PM
First of all, sort out your code. You need a DTD, <head> and </head> tags, and know deprecated elemnts like <center>. Run your code through the W3C Validator (http://validator.w3.org/). It's hard to debug CSS problems with invalid HTML, as there are far more things which could be causing a problem.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum