Witam,
Mam problem z poprawnym wyświetlaniem elementów strony w IE. W przeglądarkach takich jak Firefox, Opera, Chrome, Safari problem nie występuje.
Wytłumaczenie: w div’ie ask_div umieszczony jest input o id=” text ” (type=”input”) oraz input o id=” send_button ” (type=”button”).
Jak na razie rozumiem tylko, że w sekcji head będę musiał umieścić instrukcję dla IE:
Załączam kod CSS dotyczący problematycznych elementów oraz dwa screeny. Proszę o pomoc w poprawnym zbudowaniu części stylu dla IE.
#ask_div
{
font-family:courier new;
margin-left:10px;
background-color:#f1f1f1;
border:1px solid #c3c3c3;
width:424px;
height: 55px;
padding:3px;
color:#222222;
}
#send_button
{
width:50px;
height:40px;
background: none repeat scroll 0 0 #DCE0E0;
/*border:1px solid #c3c3c3;
background-color:rgb(84,163,105);
color:white;*/
/*text-align:center;*/
}
#text
{
width:355px;
height:50px;
border: 1px solid gray;
}
Poprawne (Firefox, Opera, Safari, Chrome):
IE:
Oczywiście pomijamy kolor, bo nie mam siły już do obsługi gradientów w IE…