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

 

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

 

Posts: 211
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: 14191
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: 211
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 >> 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