3 replies [Last post]
dayfall jesse
dayfall jesse's picture
Offline
Regular
Last seen: 10 years 29 weeks ago
Timezone: GMT-5
Joined: 2006-11-14
Posts: 37
Points: 0

So everything is looking exactly how I want it...but now there is 7px of extra padding/margin showing up in IE where I have the div listed at margin:0px / padding:0px.

Why cant there just be a ban on this dumb browser?!?

Anyhow, if anyone sees anything I am missing, or can help out, I owe em a beer.

Live site is here:
http://www.dayfallmedia.com/storage/trinity
Check the About Us, Careers or Contact Page.

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

body {
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#beac81;
margin:0px;
padding:0px;
}

#top {
background-image:url(../images/woodgrain.jpg);
background-repeat:repeat-x;
background-position:top;
height:125px;

}

#woodgrain {
height: 70px;
width: 422px;
background-image:url(../images/emblem.jpg);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
display:block;
}

#menu {
width:755px;
height: 55px;
background-image:url(../images/menubg.png);
background-repeat:no-repeat;
display:block;
margin-left:auto;
margin-right:auto;
}

#pagewidth {
width:926px;
height:auto;
margin-left:auto;
margin-right:auto;
background-image:url(../images/contentbg.png);
background-repeat:repeat-y;
}

#middle {
width: 926px;
height:auto;
margin-left:auto;
margin-right:auto;
background-image:url(../images/middlebg.png);
background-repeat:no-repeat;
}

#focus {
width:906px;
height:250px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/focusindex.png);
background-repeat:no-repeat;
}

#contentshadow {
background-image:url(../images/contenttopshadow.png);
background-repeat:no-repeat;
background-color:#FF0000;
width: 926px;
height:12px;
margin:0px;
padding:0px;
}

#contentwrapper_index {
width:904px;
padding: 11px;
}

#content_index {
width:864px;
height:auto;
background-color:#ededed;
margin-left:auto;
margin-right:auto;
border:solid 1px #dcdcdc;
padding: 11px;
position:relative;
display:block;
}

#contentwrapper {
width:904px;
height:auto;
padding: 0px 11px 11px 11px;
margin:0px;
}

#content {
width:864px;
height:auto;
background-color:#ededed;
margin-left:auto;
margin-right:auto;
border:solid 1px #dcdcdc;
padding: 0px 11px 11px 11px;
position:relative;
display:block;
}

#contenttext {
width: 406px;
float:left;
padding-right:11px;
padding-left:11px;
}

#contentimages {
width:425px;
float:right;
}

#contactleft {
width: 406px;
float:left;
padding-left:11px;
display:inline;
}

#contactright {
width:425px;
float:right;
text-align:left;
display:inline;
}

h1.formheader {
background-image:url(../images/formheader.png);
background-repeat:no-repeat;
width:425px;
height:56px;
margin:0px;
}

h1.addressheader {
background-image:url(../images/addressheader.png);
background-repeat:no-repeat;
width:425px;
height:56px;
margin:0px;
}

h1.phoneheader {
background-image:url(../images/phoneheader.png);
background-repeat:no-repeat;
width:425px;
height:56px;
margin:0px;
}

h1.emailheader {
background-image:url(../images/emailheader.png);
background-repeat:no-repeat;
width:425px;
height:56px;
margin:0px;
}

h1.faxheader {
background-image:url(../images/faxheader.png);
background-repeat:no-repeat;
width:425px;
height:56px;
margin:0px;
}

h1.miniapp {
background-image:url(../images/miniapp.png);
background-repeat:no-repeat;
width:424px;
height:107px;
margin:0px 0px -13px 0px;
}

h1.resume {
background-image:url(../images/uploadresume.png);
background-repeat:no-repeat;
width:424px;
height:107px;
margin:0px 0px -13px 0px;
}

.header {
display:none;
}

#footer {
background-image:url(../images/footerbg.png);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
position:relative;
left:11px;
}

#footercontent {
padding-top:11px;
padding-bottom:20px;
}

/***** Menu *****/
#menu ul{
display:block;
height:55px;
width:755px;
margin:0;
padding:0px 0 0 0px;
list-style-type:none;
position:relative;
}

#menu ul li{
float:left; display:block; margin:0 0px 0 0px;
}

#menu ul li a{
height:55px; text-decoration:none; text-indent:-2000px; display:block; width:755px;
}

#menu ul li a.home{
background:url(../images/menu_home_off.png) no-repeat 0 0; width:88px; height:55px;
}

#menu ul li a.home:hover{
background:url(../images/menu_home_on.png) no-repeat 0 0; width:88px; height:55px;
}

#menu a.home#selected, #menu a.home#selected:hover {
background:url(../images/homeover.png) no-repeat 0 0; width:88px; height:55px;
}

#menu ul li a.about{
background:url(../images/menu_about_off.png) no-repeat 0 0; width:108px; height:55px;
}

#menu ul li a.about:hover{
background:url(../images/menu_about_on.png) no-repeat 0 0; width:108px; height:55px;
}

#menu a.about#selected, #menu a.about#selected:hover {
background:url(../images/menu_about_on.png) no-repeat 0 0; width:108px; height:55px;
}

#menu ul li a.services{
background:url(../images/menu_services_off.png) no-repeat 0 0; width:169px; height:55px;
}

#menu ul li a.services:hover{
background:url(../images/menu_services_on.png) no-repeat 0 0; width:169px; height:55px;
}

#menu a.services#selected, #menu a.services#selected:hover {
background:url(../images/menu_services_on.png) no-repeat 0 0; width:169px; height:55px;
}

#menu ul li a.products{
background:url(../images/menu_products_off.png) no-repeat 0 0; width:118px; height:55px;
}

#menu ul li a.products:hover{
background:url(../images/menu_products_on.png) no-repeat 0 0; width:118px; height:55px;
}

#menu a.products#selected, #menu a.products#selected:hover {
background:url(../images/menu_products_on.png) no-repeat 0 0; width:118px; height:55px;
}

#menu ul li a.careers{
background:url(../images/menu_careers_off.png) no-repeat 0 0; width:98px; height:55px;
}

#menu ul li a.careers:hover{
background:url(../images/menu_careers_on.png) no-repeat 0 0; width:98px; height:55px;
}

#menu a.careers#selected, #menu a.careers#selected:hover {
background:url(../images/menu_careers_on.png) no-repeat 0 0; width:98px; height:55px;
}

#menu ul li a.contact{
background:url(../images/menu_contact_off.png) no-repeat 0 0; width:134px; height:55px;
}

#menu ul li a.contact:hover{
background:url(../images/menu_contact_on.png) no-repeat 0 0; width:134px; height:55px;
}

#menu a.contact#selected, #menu a.contact#selected:hover {
background:url(../images/menu_contact_on.png) no-repeat 0 0; width:134px; height:55px;
}

/***** Text Styles ****/

p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:24px;
margin-top:0px;
}

#contactright p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:24px;
margin-top:0px;
padding: 0px 0px 0px 62px;
}

#footercontent p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin:0px;
text-align:center;
line-height:17px;
}

h1.welcome {
font-family:"Times New Roman", Times, serif;
font-size:25px;
font-variant:small-caps;
text-align:center;
}

li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:28px;
margin-top:0px;
list-style: square;
}

.pcareer {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:17px;
}

/***** Links *****/

a:link {
color:#336633;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#336633;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#333300;
text-decoration:underline;
font-weight:bold;
}

/***** Elements *****/

hr {
background: #ccc;
border: 0;
color: #ccc;
height: 1px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
width:906px;
}

.clear {
clear:both;
}

.careershift {
margin-left:3px;
}

/***** Hacks *****/
/* Hides from IE5-mac \*/
* html .givelayout {height: 1%;}
/* End hide from IE5-mac */

HTML

Trinity Garage Doors











Employment Opportunities

If you're looking for a career that offers good pay, training, company vehicle, paid holidays, vacation pay, and great family time, then a career at Trinity Garage Doors may be the right choice for you!


We are very selective and rigorous with our hiring practices. Some of them are:



  • A clean, neat appearance

  • Good communication skills

  • Business background and/or some college

  • Mechanically inclined

  • Pass a criminal background check

  • Satisfactory driving record





Fill out our Mini-App


Name:




Email: (optional)







Phone Number:






Date of Birth (mm/dd/yyyy)








Do you have any experience or skills that pertain to our business?


Yes


No







If so, please describe:









Upload your resume

If you have a resume, please upload it below (Word or PDF)

















dayfall jesse
dayfall jesse's picture
Offline
Regular
Last seen: 10 years 29 weeks ago
Timezone: GMT-5
Joined: 2006-11-14
Posts: 37
Points: 0

anyone?

anyone?

dayfall jesse
dayfall jesse's picture
Offline
Regular
Last seen: 10 years 29 weeks ago
Timezone: GMT-5
Joined: 2006-11-14
Posts: 37
Points: 0

This doesnt make any sense -

This doesnt make any sense - i can set the div to 0px height, and its still showing up on IE, with the extra space...

dayfall jesse
dayfall jesse's picture
Offline
Regular
Last seen: 10 years 29 weeks ago
Timezone: GMT-5
Joined: 2006-11-14
Posts: 37
Points: 0

Solved

I found this:

http://www.7thgroove.com/blog/2007/ie-6-problems-with-short-height-divs/

The problem was the font-size...it has to be set smaller than the div.
Even if there is nothing in it.
How stupid.