Div içinde yan yana dizilmiş divler

Div içinde yan yana dizilmiş divler

by refan

HTML

<div id="container">
    <div id="left">Resim</div>
    <div id="right">Yıldız</div>
    <div id="center"></div>
</div>

CSS

#container {
    width:100%;
    clear:both;
}
#left {
    float:left;
    width:100px;
    z-index : 1;
}
#right {
    float:right;
    width:100px;
    z-index : 1;
}
#center {
    margin:0 auto;
    border: 1px dashed blue;
    z-index : 0;
}
div {
    border: 1px solid black;
    height: 50px;
}

JavaScript

//Div lere tıklayarak test edebilirsin.


$("div").not('#container').click(function (e) {
    e.preventDefault();
    alert("TIKLANAN:" + $(this).attr("id"));
});