This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > June 2004 > Consistent CSS with Firefox, IE, Opera
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Consistent CSS with Firefox, IE, Opera
|
|
| Jacob 99 2004-06-11, 7:14 pm |
| Hi,
Here is the link with the CSS inside the source:
http://jdfmultimedia.com/test.html
the CSS works great with Opera and IE, but not Firefox. Can anyone see why?
Thanks very much
Jacob
| |
| Gary White 2004-06-11, 7:14 pm |
| On Fri, 11 Jun 2004 11:42:04 -0400, "Jacob 99" <jboyo@yorku.ca> wrote:
>Here is the link with the CSS inside the source:
>http://jdfmultimedia.com/test.html
>
>the CSS works great with Opera and IE, but not Firefox. Can anyone see why?
Change your footer css to this:
..footer{
margin: 0;
width: 100%;
height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-align: left;
color: #000000;
background-color: #CCCCCC;
clear: both;
}
Change the end of the code to place the footer inside the container div:
<!-- END CENTRAL CONTENT -->
<!-- FOOTER GOES HERE -->
<div class="footer">footer</div>
</div>
Gary
| |
| Jacob 99 2004-06-11, 7:14 pm |
| Thank you so much!
So, if I understand the W3C reference, 'clear' would control how something
is pushed around by other elements inside the same parent? Im just trying to
grab the meaning of the attibute so I understand what happened
Thanks
Jacob
"Gary White" <reply@newsgroup.please> wrote in message
news:4bnjc0p0th4gqf20lcb1ipsipehu3vbkbk@4ax.com...
> On Fri, 11 Jun 2004 11:42:04 -0400, "Jacob 99" <jboyo@yorku.ca> wrote:
>
why?[color=darkred]
>
>
> Change your footer css to this:
>
> .footer{
> margin: 0;
> width: 100%;
> height: 35px;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 10px;
> font-style: normal;
> text-align: left;
> color: #000000;
> background-color: #CCCCCC;
> clear: both;
> }
>
> Change the end of the code to place the footer inside the container div:
>
> <!-- END CENTRAL CONTENT -->
>
> <!-- FOOTER GOES HERE -->
> <div class="footer">footer</div>
>
> </div>
>
>
>
> Gary
| |
| Gary White 2004-06-11, 7:14 pm |
| On Fri, 11 Jun 2004 13:15:54 -0400, "Jacob 99" <jboyo@yorku.ca> wrote:
>Thank you so much!
>So, if I understand the W3C reference, 'clear' would control how something
>is pushed around by other elements inside the same parent? Im just trying to
>grab the meaning of the attibute so I understand what happened
>Thanks
>Jacob
You're welcome. Using "clear: left" would make it drop down to a "clear"
spot to the left. Using "clear: right" makes it drop to below other
content to the right. By adding "clear: both" to the footer, it means
that the footer will drop down below any other content, either left or
right. Note that it won't work to clear it from absolutely positioned
content because that is taken out of the normal flow of the document.
Gary
|
|
|
| | Copyright 2003 - 2009 forum4designers.com Software forum Computer Hardware reviews |
|