|
| PORTAIL | ANNUAIRE | ARTICLES | COMPARATEUR HÉBERGEURS | DEVIS | FORUMS | RÉDUCTEUR D'URL |
|
11/03/2008, 05h45
|
#1 |
Messages: n/a
Hébergeur: |
position: absolute in IE6
Hi,
I found that when I have such code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head></head><body> <div id="spacer"> this<br>is<br>some<br>long<br>text<br>feel<br>free <br>to<br>add<br>or<br>remove<br>lines </div> <div id="outer" style="position: relative;"> <div id="inner" style="position: absolute; bottom: 0px;"> <img src="button.gif" /> </div> </div> </body></html> IE6 will draw the button too far down, in fact as much too far as #spacer is high! Where is the connection? What is the logic behind this? Regards, André |
|
|
11/03/2008, 05h50
|
#2 |
|
Messages: n/a
Hébergeur: |
Re: position: absolute in IE6
On 11 Mrz., 05:45, André Hänsel <an...@webkr.de> wrote:
> Hi, > > I found that when I have such code: > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www..w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html><head></head><body> > <div id="spacer"> > this<br>is<br>some<br>long<br>text<br>feel<br>free <br>to<br>add<br>or<br>remove<br>lines > </div> > <div id="outer" style="position: relative;"> > <div id="inner" style="position: absolute; bottom: 0px;"> > <img src="button.gif" /> > </div> > </div> > </body></html> > > IE6 will draw the button too far down, in fact as much too far as > #spacer is high! Where is the connection? What is the logic behind > this? > > Regards, > André At least I also found out that I can get correct behaviour when I set "height: 100%;" for #outer. Conform browsers should ignore it since 100% of auto is auto, right? |
|
|
 |
| Outils de la discussion | |
|
|
