OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

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

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

 

3 CSS Questions -

 
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 and Accessibility >> 3 CSS Questions -
Page: [1]
 
paul rayner

 

Posts: 232
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline

 
3 CSS Questions - - 7/9/2008 2:52:52   
I have a simple page - CSS.

Firstly, the images in the nav div, flow over in Firefox3 - seems OK in IE6. How should I fix that?

Secondly, how do I make other divs the same size as the nav div, without using
 <p> </p>
. You may have guessed I'm doing this in DW8. I want this to validate as XHTML transitional, and be semantically correct, if I can!!

Thirdly, I put a positioning statement in to put the footer at the bottom. But it doesn't seem to push it down.

Here's the CSS -
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ada189;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#holder {
	width: 760px;
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto 0 auto;
}
#header {
background: #ffffff;
}
#nav{
	width: 140px;
	float: left;
	padding: 15px 10px;	
}

#content {
	margin: 0 0 0 165px;
	padding: 15px;
}
#footer {
	padding: 5px;
text-align: center;
bottom:0px;
}


Look forward to your replies.


_____________________________

" In theory, there is no difference between theory and practice. But, in practice, there is!"
jaybee

 

Posts: 14320
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: 3 CSS Questions - - 7/9/2008 8:45:12   
Get rid of all the empty paragraphs at the bottom of the page.

change the css for your footer from

#footer {
padding: 5px;
text-align: center;
bottom:0px;
}

to

#footer {
padding: 5px;
text-align: center;
clear:both;
}

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to paul rayner)
paul rayner

 

Posts: 232
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline

 
RE: 3 CSS Questions - - 7/9/2008 17:31:34   
Thanks jaybee

_____________________________

" In theory, there is no difference between theory and practice. But, in practice, there is!"

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> 3 CSS Questions -
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