Web programlama garip bir sorun

,
1

firefoxta input başka yerde, opera da başka yerde gözüküyor ? sebebi nedir ? telefonda hiç gözükmüyor input :smiley:

<html>
        <head>
                <style>
                input{
                        position: absolute;
                        top: 190px; right: 330px;
                        padding: 10px 25px;
                }
                </style>
        </head>

        <body>
                <input>asdf</input>
        </body>
</html>
2

Kullanımı şuradaki gibi olmalı:
https://www.w3schools.com/tags/tag_input.asp

Etiketin türünü belirtmelisin. Örneğin

<input type="text" id="my_input" name="my_input">

Ayrıca input etiketi tek seferlik bir etikettir. Yani kullanımı yukarıdaki gibi olmalı.

3

html kısmında değilde css de bi sıkıntı var galiba aynı bilgisayarda ki 2 farklı tarayıcıda button farklı yerde gözüküyo ?

4

position belirtirken px olarak mı olucak yoksa % mi onu anlayamadım yada başka bişey mi?
yani her cihazda aynı yerde gözükmesi gerekiyo çok saçma anlamadım.

5

Önce üstte gösterdiğim gibi yap elementi. Daha sonra position özelliğini kaldır. Absolute özelliği çok nasir kullanılıyor. Böyle sorunlara yol açabiliyor.

6 
-webkit-position: absolute;;
-webkit-top: 190px; right: 330px;
-webkit-padding: 10px 25px;
-moz-position: absolute;
-moz-top: 190px; right: 330px;
-moz-padding: 10px 25px;

Tarayıcıların boyutlandırma ölçekleri farklı olabiliyor birbirlerine göre. CSS’de bunu ayarlaman lazım.

1 Beğeni