SORU
7 EKİM 2011, Cuma


Ne kadar haklı div öğeleri hizalamak?

Benim html belge gövdesi 3 elemanları, bir düğme, bir form ve bir tuval oluşur. Düğmesi ve form sağa dayalı olmasını istiyorum ve kalmak tuval sola hizalı. Sorun ilk iki öğeleri hizalamak için çalışıyorum, onlar artık birbirlerini takip ve yerine yanyana yatay?, ne zaman kodu işte ben, şimdiye kadar, şeklinde boşluk arasında doğrudan sağ düğmesini sonra takip etmek istiyorum.

<!DOCTYPE html>
<html lang = "en">
    <head>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
            <script type="text/javascript" src="timeline.js"></script>
            <link rel="stylesheet" href="master.css" type="text/css" media="screen" />
    </head>
    <body bgcolor="000" TEXT="FFFFFF">
            <div id="button">
                    <button onclick="showForm()" type="button" id="cTask">
                    Create Task
                    </button>
            </div>
            <div id="addEventForm"> 
                    <form>
                            <p><label>Customer name: <input></label></p>
                            <p><label>Telephone: <input type=tel></label></p>
                            <p><label>E-mail address: <input type=email></label></p>
                    </form>
            </div>
            <div>
                    <canvas id="myBoard" width="1000" height="600">
                            <p>Your browser doesn't support canvas.</p>
                    </canvas>
            </div>
    </body>
</html>

ve işte benim css şu an itibariyle

#cTask {
    background-color:lightgreen;
}
#button {
    position:relative;
    float:right;
}
#addEventForm {
    position:relative;
    float:right;
    border: 2px solid #003B62;
    font-family: verdana;
    background-color: #B5CFE0;
    padding-left: 10px;
}

CEVAP
7 EYLÜL 2012, Cuma


yüzer tamam, ama ıe6 ve 7 ile sorunlu.

iç div margin-left:auto; margin-right:0; kullanmayı tercih ediyorum.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • discokatze

    discokatze

    23 EYLÜL 2009
  • EatingIn

    EatingIn

    12 EKİM 2013
  • YEAH1TV

    YEAH1TV

    19 ŞUBAT 2009