Home/ Questions/Q 9193925
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:16:51+00:00

I have a textarea that aligns perfectly to the left on firefox, but on

  • 0

I have a textarea that aligns perfectly to the left on firefox, but on chrome, a little space is added. I don’t know why it’s there, but I tried a lot of things to get rid of the space but just can’t.
enter image description here
Chrome pushes the textarea like 2 pixels to the right. Does anyone know what I’m doing wrong, or is there a way to align it on chrome?

Here’s my code:

HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="testdiv.css" />
</head>
<body>
<div class="outermostshell">    
    <div class="textareashell">
            <textarea name="status" rows="2" cols="30"></textarea>
    </div>
</div>
</body>
</html>

CSS:

.outermostshell
    {
        position:fixed;
        width:300px;
        height:600px;
        background-color:red;

    }

.textareashell
    {
        position:relative;
        top:10px;
        padding:0;
        border:0;
        left:0px;
                margin:0px;
    }

Any help would be greatly appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Some browsers (including Chrome) have a default margin for form elements. Just set the margin to zero:

    .textareashell textarea { margin: 0; }
    • 0