Html layout with <DIV> work on html editor but not on brownser

Posted by DomingoSL on Stack Overflow See other posts from Stack Overflow or by DomingoSL
Published on 2010-05-31T16:47:34Z Indexed on 2010/05/31 16:53 UTC
Read the original article Hit count: 437

Filed under:

Hello, i made this layout:

<div id="todo" align="center" >
<form method="post">
    <div id="cabeza" style="width:850px;height:100px">
    </div>
    <div id="contenido" style="width:420px;height:220px;background-image: url(IMG/cuadrologin.png); margin-top: 1px" >

        <div id="usuario" style="width:348px; height:35px; margin-top: 58px">
            <input name="username" type="text" style="width: 250px; height: 30px;background-color: transparent;border: 0px solid #000000;font-size:x-large;color: #222; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight: bold;" size="299" />
        </div>
        <div id="clave" style="width:348px; height:35px; margin-top: 22px">
            <input name="clave" type="text" style="width: 250px; height: 30px;background-color: transparent;border: 0px solid #000000;font-size:x-large;color: #222; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight: bold;" size="299" />
        </div>
    </div>
    </form>
</div>

And in my html editor looks just fine: alt text

But when i see it on the browser (Chrome & Firefox) looks like this: alt text

Im very new to layout with tag, any idea of what im making worng?

© Stack Overflow or respective owner

Related posts about html