|
| |
|
|
fakeeyed
Posts: 6 Joined: 11/21/2005 Status: offline
|
css footer is too high in firefox - 11/21/2005 16:22:40
alright, first off... the site looks great in IE and all code validates. i had to fudge the padding a bit using child selectors for the side pads, but now the footer is too high in firefox (but again, lines up perfect in ie). i have a content div, and within it, 2 columns of information. i believe the left column is causing the problem and that one is floated. right now, the content on the left side is longer than on the right... but i need the footer to be 10 pixels below whichever one is longer. any ideas? heres the css code...
body {
background: url("../bg.gif");
background-color: #333333;
color: #FFFFFF;
font: 12pt Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
}
#container {
text-align: center;
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: auto;
background-color: #333333;
color: #FFFFFF;
border: 1px #999999 solid;
}
#header {
height: 125px;
width: 700px;
background: url("../BANNER.jpg") 0 0 no-repeat;
text-align: center;
}
#dropdown{
position: absolute;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana, sans-serif;
line-height: 18px;
z-index: 100;
}
#dropdown a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropdown a:hover{
background-color: #00ffff;
color: #000000;
}
#navigation {
width: 700px;
height: 25px;
background-color: #d32f0d;
color: #ffffff;
text-align: center;
}
#content {
display: block;
}
#sideLine {
float: left;
padding-top: 10px;
padding-left: 10px;
width: 200px;
}
/* IE sucks */
div>div #sideLine {
float: left;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
width: 200px;
}
#mainLine {
padding-top: 10px;
width: 470px;
}
#footer {
width: 700px;
height: 20px;
background-image: url('../footerbg.gif');
border-top: 1px #999999 solid;
}
/******************* content box classes *******************/
.divvy {
padding-bottom: 10px;
}
.maindivvy {
padding-bottom: 10px;
}
/******************* style classes *******************/
.tBox {
border: 1px solid #d32f0d;
}
.paddedCell {
text-align: justify;
padding: 3px;
}
.style1 {
color: #FFFFFF;
background-color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.notchedEdge {
}
/******************* side headers *******************/
#sideNavHeader1 {
background-image: url('../elements/sideNavHeader1.gif');
height: 20px;
}
#sideNavHeader2 {
background-image: url('../elements/sideNavHeader2.gif');
height: 20px;
}
/******************* main headers *******************/
#midNavHeader {
background-image: url('../elements/midNavHeader.gif');
height: 20px;
}
thanks in advance... EDIT: oh yea... sideLine and mainLine are the two columns of content.
|
|
|
|
fakeeyed
Posts: 6 Joined: 11/21/2005 Status: offline
|
RE: css footer is too high in firefox - 11/21/2005 16:47:20
yea i knew the problem was elsewhere... but after everything validated i didnt understand it. im gonna try the clear thing now.
|
|
|
|
fakeeyed
Posts: 6 Joined: 11/21/2005 Status: offline
|
RE: css footer is too high in firefox - 11/21/2005 17:05:19
well thanks anyways :)
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: css footer is too high in firefox - 11/24/2005 9:45:52
An actually better solution is the clearfix found on the pie site. Also, if you have something that you are clearing either left or right, best thing to do is clear: both this way if you change your design later to have the thing clear the opposite way, you dont' have to change your styles sheet to refelct this. Just a little short cut to save some time in the future.
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
klingerrr
Posts: 1 Joined: 5/24/2006 Status: offline
|
RE: css footer is too high in firefox - 5/24/2006 9:59:26
my footer appears to high in firefox too.. i applied min-height for EXP, but still having problems in firefox.. would anybody be interested in helping me with this? http://portorangeproperty.com/ormondbythesea-realestate.php i can email more files if needed to suggest a fix.. fyi-- clear:both does not work.
|
|
|
|
curious monkey
Posts: 549 Joined: 4/28/2006 From: The lower handle of US Status: offline
|
RE: css footer is too high in firefox - 5/24/2006 10:23:30
and in IE
_____________________________
The way it is now, the asylums can hold all the sane people but if we tried to shut up the insane we should run out of building materials.
|
|
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
|
|
|