pic position
I need help getting a picture to rest just above my footer. Im having trouble doing this. It looks ok in FF so far but in IE it looks way different. How would I get it to rest just above the footer? ill past the css file and the index html file below. you can go to my site bkconway.com to see what im trying to do. Thanks for the help!
/* CSS Document */
body {
background-color: #FFFFFF;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
color: #009900;
font-size: 16px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#h1 {
color: #009900;
font-size: 16px;
font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {
color: #000000;
font-size: 14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
div#wrapper {
width: 80%;
background-color:#FFFFFF;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: thin solid #000000;
}
div#header {
padding: 15px;
margin: 0px;
text-align: center;
}
div#nav {
width: 25%;
padding: 10px;
margin-top: 1px;
float: left;
}
div#main {
margin-left: 30%;
margin-top: 1px;
padding: 10px;
}
div#footer {
padding: 15px;
margin: 0px;
}
p {
color: #8B4513;
letter-spacing: 2px;
}
#p {
padding-right: 200px;
}
#footer {
font-size: 8px;
background-color: #8ec63f;
color: #8B4513;
letter-spacing: 2px;
}
div#x {
width: 25%;
clear:both;
float: left;
}
#rightside {
font-size: 10px;
padding: 15px;
width: 137px;
right: 321px;
top: 305px;
position: absolute;
height: 95px;
}
ul#navmenu {
margin : 0;
padding : 0;
list-style-type : none;
}
ul#navmenu li {
margin-bottom : 5px;
}
ul#navmenu a {
display : block;
width : 190px;
height : auto;
background : #003366 url(images/glossyback.jpg) repeat-x; /* CHANGED/ADDED THIS */
text-decoration : none;
color : #009900;
cursor : pointer;
}
ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active,
ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus, ul#navmenu a.selected:active {
background : #333 url(images/glossyback2.jpg) repeat-x;
color : #009900;
}
ul#navmenu a.selected {
text-align : left;
cursor : default;
}
ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active {
background : #333 url(images/glossyback2.jpg) repeat-x; /* CHANGED/ADDED THIS */
color : #fff;
}
.style1 {
color: #999999;
font-size: 36px;
}
.style3 {color: #999900}
.style4 {
color: #97CB4F;
font-weight: bold;
}
.style5 {font-size: 10px}
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.title" lang="English" content="bkconway Designs" />
<meta name="DC.creator" content="Brandon Conway, Raztat" />
<meta name="DC.subject" lang="English" content="webmaster; Portfolio; Blog; Resume; web; sites; design; web design; build; games; computer; business;" />
<meta name="DC.description" lang="English" content="If you need a web site built or a for some one to watch over and update your web site you have come to the right place! Come on in to look at the services and prices." />
<meta name="DC.date" scheme="DCTERMS.W3CDTF" content="2007-08-16" />
<meta name="DC.type" scheme="DCTERMS.DCMIType" content="Text" />
<meta name="DC.identifier" scheme="DCTERMS.URI" content="http://bkconway.com/index.html" />
<meta name="DC.language" scheme="DCTERMS.URI" content="English" />
<title>bkconway Web Designs</title>
<style type="text/css">
<!--
body {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}
-->
</style>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"><img src="images/logo.jpg" alt="bkconway.com logo" width="600" height="125" /></div>
<div id="nav">
<h2>Navigation</h2>
<ul id="navmenu">
<li><a class="selected" href="index.html" >Home</a></li>
<li><a href="aboutme.html" >About me</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contactme.html">Contact me</a></li>
<li><a href="price.html">Prices</a></li>
<li>
<input type="hidden" name="cx" value="006323111285553971831grdh2djabg" />
<input type="hidden" name="cof" value="FORID:0" />
<input name="q" type="text" size="20" />
<input type="submit" name="sa" value="Search" />
</li>
</ul>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_006323111285553971831%3Aogrdh2djabg"></script>
<!-- Google CSE Search Box Ends -->
</div>
<div id="x">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
<p><img src="images/plant.png" alt="plant" width="222" height="163" /></p>
</div>
<div id="main">
<h1>Home</h1>
<p align="left">Need to get your small business off the ground and into the web? Do you want to show case your hobby to the world? Do you just want a part of the internet to be yours? You have come to the right place my friend! I can create for you a web site that will get your feet off the ground. Is it a flash movie you want? I can create that for you. Your just a seed, let me be the gardener that plants your roots into the web! I will be honored to help you. And by helping you, you are helping me improve my skills as a web designer.<br />
</p>
<p align="center">I have knowledge in the following:<br />
<br />
<span class="style4">Html CSS Dreamweaver Photoshop Flash </span></p>
<p>I
am an upcoming web designer and Graphic Designer coming out of Spartanburg Community College. I'm working on becoming a freelance web designer and graphic artist. It is my goal to be the best designer and coder that I can be.</p>
<p align="center"><span class="style1">"</span><span class="style3">Your just a seed, let me be the gardener that plants your roots <br />
into the web!</span><span class="style1">"</span> - Brandon Conway </p>
<p align="left"> <img src="images/me.jpg" alt="A pic of me" width="181" height="139" /></p>
<p align="left"><span class="style1">"</span><span class="style3">You affect the world by <br />
what you browse.</span><span class="style1">"</span> -Tim Berners-Lee
<p align="left">
<p align="left"><script type="text/javascript"><!--
google_ad_client = "pub-7568076578642061";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as_rimg";
google_cpa_choice = "CAEQgYeYhAIaCJE388GrxYx7KOm293M";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<a href="http://www.firefox.com"></a><a href="http://jigsaw.w3.org/css-validator/"><img
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" align="right" style="border:0;width:88px;height:31px" /></a>
<p> </p>
<p align="right" class="style5">Page updated on 09/05/07</p>
</div>
<div id="footer"><p id="footer" align="center"><a href="index.html">Home</a> | <a href="aboutme.html">About me</a> | <a href="resume.html">Resume</a> | <a href="portfolio.html">Portfolio</a> | <a href="contactme.html">Contact me</a> |<a href="price.html">Prices</a><br />
bkconway.com 2007 contact <a href="mailto:brandon@anythingmultimedia.com">webmaster</a></p>
</div>
</div>
</body>
</html>
CSS Codes
Reply With Quote
Bookmarks