navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

background problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> background problem
Page: [1]
 
Brandon

 

Posts: 431
Joined: 7/13/2004
From: Indiana, US
Status: offline

 
background problem - 5/8/2006 14:13:44   
Ok,

I'm working with wordpress (first time), and I’m trying to customize it. Here is the problem. It looks ok in IE, but then not in firefox. I can’t post the site because it’s a part of our Intranet at work.


CSS
body { 
	margin: 0 auto;
	padding: 0;
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background-color: #ffffff;
	background-image: url("background.png");
	color: #454545; 
	text-align:center;
}

a {	color: #000066;	background: inherit;}
a:hover { color: #000066; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }
li { margin: 0; padding : 0; list-style : none; }


/* layout
   ------ */

#content { 
	margin: 0 auto;
	width: 760px;
	height: auto;
	padding: 10px; 
	align: center;
	text-align: left;
	background-color: #FFFFFF;
}

#header { 
	height: 111px;
	color: #808080;
	background-image:url(header.jpg);
	margin: 3px 0;
	padding: 10px 0 0 0;
}

#main {
		width: 510px;
		height: auto;
		float: right;
		padding: 0; 
		margin: 5px 0 0 0;
		background-color: #C1D8FC;
}
		
#sidebar {
		width: 220px;
		height: auto;
		float: left;
		background:inherit; 
}

#footer {
		width: 760px;
		height: 30px;
		float: right; 
		background-color:#FFFFFF; 
}

#footer p {
		text-align:center;
}

.news {
	margin: 3px 0 0 3px;
	padding: 0px 10px 10px 12px;
	background: url(clanak.gif) no-repeat;
}

.notepaper {
	padding: 1px 12px 10px 10px;
	background: #FFF url(fade.gif) repeat-x bottom left;
	height: auto;
}

/* Menu */
#left {
	width: 220px;
}

#leftmenu {
	margin: 5px 0;
	padding: 0;
}

#leftmenu a {
	display: block;
	background: #336699 url(vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
}

#leftmenu a:hover {
	color: #FFFFFF;
	background: #6699CC url(vmenuarrowhover.gif) no-repeat center left;
}

.leftarticle {
	background: #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 8px;
	line-height: 1.4em;
}

.leftarticle_ad {
	font: 140% Arial, Sans-Serif;
	font-weight: bold;
	border: 2px solid #EEEEEE;
	color: #808080;
	margin: 2px 0 2px 0;
	padding: 17px;
	width: 182px;
	height: 17px;
	background: #FFFFFF url(seoad.jpg) no-repeat;
}

.leftarticle_ad a {
	background: transparent; 
	text-decoration: none;
}

</style>


main page
<?php get_header(); ?>
<div id="main">
<?php if (have_posts()) : ?>
	
	<?php while (have_posts()) : the_post(); ?>
	
	<div class="post" id="post-<?php the_ID(); ?>">
			<div class="news">
				<div class="notepaper">
	
		<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>
		<span><?php the_time('F jS, Y') ?> by <?php the_author() ?></span>
		<div>
			<?php the_content('Read the rest of this entry »'); ?>
			
		<p>
			Posted in <?php the_category(', ') ?>
			<strong>|</strong>
			<?php edit_post_link('Edit','','<strong>|</strong>'); ?>
		</p>
		</div></div></div>
		
		<?php /* trackback_rdf(); */ ?>
	</div>	
	<?php endwhile; ?>
	</div>
	<div id="sidebar">
	<p>
		<span><?php posts_nav_link('','','« Previous Entries') ?></span>
		<span><?php posts_nav_link('','Next Entries »','') ?></span>
	</p>
	
<?php else : ?>
	
	<h3>Not Found</h3>
	<p>
		<?php _e("Sorry, but you are looking for something that isn't here."); ?>
	</p>
	<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>

<?php get_sidebar(); ?>

<!-- Poll -->
<?php if (function_exists('vote_poll')): ?>
<li>
	<h2>Polls</h2>
	<ul>
		<?php get_poll();?>
		<li><a href="<?php echo get_settings('home'); ?>/wp-polls.php">Polls Archive</a></li>
	</ul>
</li>
<?php endif; ?>
<!-- Poll End -->
</div>
</div>
</body>
</html>




< Message edited by Brandon -- 5/8/2006 15:32:31 >


_____________________________

~ Brandon
Tailslide

 

Posts: 6267
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: background problem - 5/8/2006 14:41:18   
It's a float clearing issue (IE is incorrectly expanding the content div to surround the floating divs - FF isn't so you only get a small amount of background colour).

Try sticking:

overflow:hidden


on your content div (assuming that's the "containing" div). That should solve it. If it doesn't come back and I'll give you another option (but bet the overflow will sort it!).

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Brandon)
Brandon

 

Posts: 431
Joined: 7/13/2004
From: Indiana, US
Status: offline

 
RE: background problem - 5/8/2006 14:45:46   
Thanks Tailslide worked like a charm!! :)

I can always count on you.

_____________________________

~ Brandon

(in reply to Tailslide)
Tailslide

 

Posts: 6267
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: background problem - 5/8/2006 14:46:34   
Aww gee shucks! :)

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Brandon)
dpf

 

Posts: 7126
Joined: 11/12/2003
From: India-napolis
Status: offline

 
RE: background problem - 5/8/2006 15:12:00   
quote:

I can always count on you
her nickname is abbacus

_____________________________

Dan

(in reply to Brandon)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> background problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts