PDA

View Full Version : unwanted space in my page at the bottom, horizontal


silverglade
07-24-2009, 06:05 PM
hi, i have a horizontal space in my page at the bottom above the footer image that is gray in firefox only and i dont know how to get rid of it. page looks fine in IE. any help greatly appreciated. thank you. derek.

here is the page im talking about.

http://academyoftalent.com/about.html


here is the css to the page

@charset "utf-8";
/* CSS Document */

body {
margin-bottom 50px;
padding: 0;
background-color: #333333;
}

#wrapper {
overflow: auto;
margin: 50px auto 0 auto;
width: 888px;

}

#header {
margin: 0 auto 0 auto;
width: 888px;
height: 113px;
background: url(off_slices3/images/header.png) no-repeat;
}

#navigation {
margin: 0 auto 1px auto;
width: 888px;
height: 43px;

}

#content {

margin: 0 auto 0 auto;
width: 888px;

background: url(off_slices3/images/front_background_text_09.png) no-repeat;
padding-top:255px;


}

#animation {
width: 500px;
height: 350px;

margin-right: auto;
margin-bottom: 0;
margin-left: auto;

}

#footer {
width: 888px;
color: white;
text-align: center;
clear: both;
margin-top: 75px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#footer a:link , #footer a:visited {
text-decoration: none;
color: #333333;
}
#footer a:active, #footer a:hover {
text-decoration: none;
color: red;
}
/***********************************about us code***************************/

#about_content {

margin: 0 auto 0 auto;
width: 888px;

background: url(about_us/images/about_us_03.png) no-repeat;
background-color: #F7B9ED;
padding-top: 100px;
}
#about_us_footer_img {
margin: 0 auto 0 auto;
width: 888px;
height: 55px;
background: url(about_us/images/footer.png) no-repeat;

}

#about_footer {
width: 888px;
color: white;
text-align: center;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#about_footer a:link , #about_footer a:visited {
text-decoration: none;
color: #333333;
}
#about_footer a:active, #about_footer a:hover {
text-decoration: none;
color: red;
}

#about_text {
width: 600px;
color: black;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#about_text p {
text-indent: 20px;
padding: 20px;

}

#about_wrapper {
overflow: auto;
margin: 50px auto 0 auto;
width: 888px;

}


here is the html to the page

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]-->
<link rel="stylesheet" href="music.css" type="text/css" charset="utf-8" />
<title>Academy of Talent</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta name="Keywords" content="Rockaway, Talent, talent show, music lessons, voice lessons, acting" />
<meta name="Description" content="Talent Academy of Rockaway" />
</head>

<body onload="MM_preloadImages('on_slices3/images/welcome_on.png','on_slices3/images/about_us_on.png','on_slices3/images/department_on.png','on_slices3/images/faculty_on.png','on_slices3/images/classes_prices_on.png','on_slices3/images/gallery_on.png','on_slices3/images/contact_on.png')">


<div id="about_wrapper">

<div id="header"></div>

<div id="navigation"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','on_slices3/images/welcome_on.png',1)"><img src="off_slices3/images/welcome_off.png" name="Image1" width="114" height="43" border="0" id="Image1" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','on_slices3/images/about_us_on.png',1)"><img src="off_slices3/images/about_off.png" name="Image2" width="117" height="43" border="0" id="Image2" /></a><a href="department.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','on_slices3/images/department_on.png',1)"><img src="off_slices3/images/department_off.png" name="Image3" width="144" height="43" border="0" id="Image3" /></a><a href="faculty.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','on_slices3/images/faculty_on.png',1)"><img src="off_slices3/images/faculty_off.png" name="Image4" width="116" height="43" border="0" id="Image4" /></a><a href="classes_prices.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','on_slices3/images/classes_prices_on.png',1)"><img src="off_slices3/images/classes_prices_off.png" name="Image5" width="176" height="43" border="0" id="Image5" /></a><a href="gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','on_slices3/images/gallery_on.png',1)"><img src="off_slices3/images/gallery_off.png" name="Image6" width="116" height="43" border="0" id="Image6" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','on_slices3/images/contact_on.png',1)"><img src="off_slices3/images/contact_off.png" name="Image7" width="103" height="43" border="0" id="Image7" /></a></div>

<div id="about_content">
<div id="about_text">
<p><strong>Talent Academy of Rockaway</strong> is having its grand opening in <strong>September. </strong>
<p>Our students will enjoy and appreciate music, art, dance and much more. We provide a safe, welcoming, and exciting musical environment for students. The Academy offers a fun and professional atmosphere with a variety of courses, taught by a knowledgeable and dedicated staff. We prepare students for recitals, casting, competitions, Royal competitions, examinations, scholarships and festivals. </p><p>Our students have participated in numerous competitions and have won the Grand Prizes in 2004, 2005 and 2007 at the “World Championships of Performing Arts in Hollywood, CA. They have also auditioned and obtained parts in Broadway shows in NYC and Papermill Playhouse summer conservatories. Our piano, voice and violin students have been accepted into Julliard School of Music in NYC and Fiorello H. LaGuardia High School of Music &amp; Performing Arts. Our faculty strives to help students reach their highest musical and artistic future as well as to instruct them for musical colleges and universities</p>
<p> Talent Academy of Rockaway is having its grand opening in September. Our students will enjoy and appreciate music, art, dance and much more. We provide a safe, welcoming, and exciting musical environment for students. The Academy offers a fun and professional atmosphere with a variety of courses, taught by a knowledgeable and dedicated staff. We prepare students for recitals, casting, competitions, Royal competitions, examinations, scholarships and festivals. Our students have participated in numerous competitions and have won the Grand Prizes in 2004, 2005 and 2007 at the “World Championships of Performing Arts in Hollywood, CA. They have also auditioned and obtained parts in Broadway shows in NYC and Papermill Playhouse summer conservatories. Our piano, voice and violin students have been accepted into Julliard School of Music in NYC and Fiorello H. LaGuardia High School of Music &amp; Performing Arts. Our faculty strives to help students reach their highest musical and artistic future as well as to instruct them for musical colleges and universities</p>
<p><strong>We welcome you to our school.</strong></p>
<p>&nbsp;</p>
</div>

</div><!--end content-->
<div id="about_us_footer_img">
<div id="about_footer">&copy; Talent Academy of Rockaway 2009&nbsp; &nbsp; &nbsp; (site design by <a href="http://derekvanderven.com">derekvanderven.com</a>)</div></div>
</div><!--end wrapper-->
</body>
</html>

silverglade
07-24-2009, 06:14 PM
i just fixed it with

margin: -15px auto 0 auto;

but i dont think thats a good fix. best i could do after 24 hours. lol

MagicPower
07-24-2009, 10:24 PM
whic graphics editor n tool do you use to constract your rounded corners?

silverglade
07-24-2009, 11:23 PM
i know they are pretty bad huh? hehe. but i used adobe photoshop cs3.

MagicPower
07-25-2009, 12:30 AM
yh, they look pretty edgy. i use the rounded rectangle tool and in the option i set it to paths then the radius comes along depending on the size of the image. It gives good smooth results.

silverglade
07-25-2009, 01:53 AM
cool thanks magicpower. i will do that on my next site. too lazy to go back and do it for this one. but i will have to do it for the next and see if i can improve that bad curve . thanks. derek:mrgreen: