Hello !!!
I have a big problem with my SIMPLE 3-column layout. Let me show you :
1 2 3
------
| | | |
| | | |
| | | |
------
| f | <- footer 150 x 150 px
---
Whole layout is placed in wrapper and columns are also placed in column wrapper. Columns and columns wrapper have property float:left. Footer has property clear:both so it is placed after columns.
The goal is to relatively position the footer on the bottom of the column 1. Like this :
1 2 3
------
| | | |
| | | |
--- | |
| f | | |
------
I did it by setting top property value of footer to -150px, but there's still space left by footer. To get rid of this space I set HTML bottom-margin property value to -150px.
It works in Mozilla, but not in IE6 or Opera.
So I added property bottom-margin: to my footer rule and set it's value to -150px. This solved problem with IE, but there's still problem under Opera. The body of the footer is pushed ... outside of the footer
. Like this :
1 2 3
------
| | | |
| | | |
--- | |
| | | |
------
f
ad1. I removed body from the footer, but there's still space left beyond. Maybe any1 knows some Opera hacks to make CSS invisible for other browsers than Opera ?
Maybe you manage to find a solution ? LET ME KNOW
!!
Kind Regards, woociek
I have a big problem with my SIMPLE 3-column layout. Let me show you :
1 2 3
------
| | | |
| | | |
| | | |
------
| f | <- footer 150 x 150 px
---
Whole layout is placed in wrapper and columns are also placed in column wrapper. Columns and columns wrapper have property float:left. Footer has property clear:both so it is placed after columns.
The goal is to relatively position the footer on the bottom of the column 1. Like this :
1 2 3
------
| | | |
| | | |
--- | |
| f | | |
------
I did it by setting top property value of footer to -150px, but there's still space left by footer. To get rid of this space I set HTML bottom-margin property value to -150px.
It works in Mozilla, but not in IE6 or Opera.
So I added property bottom-margin: to my footer rule and set it's value to -150px. This solved problem with IE, but there's still problem under Opera. The body of the footer is pushed ... outside of the footer
. Like this :1 2 3
------
| | | |
| | | |
--- | |
| | | |
------
f
ad1. I removed body from the footer, but there's still space left beyond. Maybe any1 knows some Opera hacks to make CSS invisible for other browsers than Opera ?
Maybe you manage to find a solution ? LET ME KNOW
!!Kind Regards, woociek