CSS div problem

Discussion in 'CSS' started by receiver, May 11, 2009.

0
  1. #1
    I am using drupal to design a web layout. I am new to drupal and css. I am a beginer.

    Below is my html coding:

    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
    <title><?php print $head_title ?><?php if ($site_slogan != '' && !$is_front) print ' &ndash; '. $site_slogan; ?></title>
    <?php print $meta; ?>
    <?php print $head; ?>
    <?php print $styles; ?>
</head>
<body class="<?php print $body_class; ?> main">

<div id="container">

	<div id="linkList">
		<span id="linkList-title"> TITLE </span>
  		<p>Curabitur felis? </p>
		<p>Learn more.</p>
	</div>
 
	<div id="header">
		<div id="logo-floater">
			<?php if ($logo) { ?>
				<a href="<?php print $front_page ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a>
				<?php  } ?>
		</div>
		
		<div id="support-top">
			<a href="http://localhost/a"><img src="<?php echo $path; ?>/a/themes/a/img/home_link.jpg" border="0" /> </a>
 			<a href="http://localhost/al"><img src="<?php echo $path; ?>/a/themes/a/img/contact_link.jpg" border="0" /></a>
 		</div>
 	</div>

	<div id="content1">
		<?php print $content; ?>
	</div>

</div>
</body>
</html>
    Code (markup):
    below is my css:

    
html { 
	margin: 0; padding: 0; height:100%; 
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width:70%; 
	height:100%;
}

#linkList {
	width:28%;
	float:right;
	background-image: url(./img/sidebar.jpg);
	background-repeat: no-repeat;
}

#support-top {
padding-top:5px;
width:67%;
float: left;
}
    Code (markup):

    i have facing 2 main problems now.

    First, i cannot locate the images in #support-top between logo and linkList. It always appears on the below of the logo.

    Second, how to extend the linkList background image extend to the end of html?
     
    receiver, May 11, 2009 IP
  2. crazyFoo

    crazyFoo Peon

    Messages:
    42
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Do you have a link to a version I can look at? I don't think you are going to get much response because in order to best respond, I would have to set up a drupal install on my computer and then use your code. Most people don't want to take the time to do that.
     
    crazyFoo, May 11, 2009 IP