Il seguente codice HTML sembra necessario in Firefox 2 & 3 e IE7. Il pulsante Left
si trova sulla sinistra, il pulsante Right
si trova sulla destra e il testo nel mezzo è ... al centro!Problema di layout IE6 - posizionamento assoluto
Tuttavia su IE6 il pulsante Left
è disallineato - appare allineato al centro.
Qualcuno può suggerire perché ??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Layout problem!</title>
<style type="text/css">
DIV#Footer
{
padding: 10px;
color: #fff;
background-color: #484848;
position: relative;
text-align: center;
}
DIV#Footer INPUT
{
margin: 5px 15px;
position: absolute;
top: 0px;
}
DIV#Footer INPUT.right
{
right: 0px;
}
DIV#Footer INPUT.left
{
left: 0px;
}
</style>
</head>
<body>
<div id="Footer">
<input class="left" type="button" value="Left" />
Some text in the middle
<input class="right" type="button" value="Right" />
</div>
</body>
</html>
(ho usato lo strumento per sviluppatori di IE per cercare di analizzare e risolvere questo problema, senza alcun risultato ...)
Questo è piuttosto peverse! Grazie Jonas. Che funziona quasi perfettamente - sembra spingere la larghezza del mio div contenimento di un paio di pixel in IE6. –
L'impostazione dello zoom cambierà il cursore. Potrebbe voler limitare questo a IE6 solo anteponendo un _ alla regola. –
Non vedo alcun problema di modifica del cursore Bjorn –