Как да се предотврати отмяната на CSS - asp.net, webmatrix, webmatrix-2

Това, което се опитвам да направя, е да мога да имам две колони в div. Така че мога да вмъкна снимка по всяко време и да поставя текста дълга страна.

Ето ми html:

<div id="content">
<div id="gallery">
<h1>Gallery</h1>
<div id="container">
<div id="imageleft">
<img src="/images/images/pic1.jpg" width="150px" alt="Image" />
</div>
<div id="imageright">
test
</div>
</div>
<img src="/images/images/pic2.jpg" width="150px" alt="Image" />
<img src="/images/images/pic3.jpg" width="150px" alt="Image" />
<img src="/images/images/pic4.jpg" width="150px" alt="Image" />
</div>
</div>

Ето една перфектно работеща JSFiddle

http://jsfiddle.net/RdyGM/1/

И ето изображение на това, което всъщност виждам. Пурпурният бит трябва да е на 50% от лявото. (Текстът "тест" е поставен по-долу).

при проверка можете да видите, че той получава своята ширина от друго място, където: @

Как да използвам само желания css.

Отговори:

Е, има две неща, които бихте могли да направите. Общият подход е да се опитате да направите своя CSS селектор по-специфичен. Така че можете да направите: #gallery #content #imageleft, вместо просто #imageleft и това трябва да накара вашето правило да се прилага. Другият подход е да промените вашия CSS #imageleft, за да кажете:

#imageleft{
....
width:50% !important;
....
}

Можете да използвате! Важно, за да кажете на браузъра кой CSS да даде приоритет - може или не може да помогне ...

#imageleft {
float:left;
width:50% !important;
background:#c9c;
}

#imageright {
float:right;
width:50%  !important;
background:#9c9;
}

domId.Attributes.Add("property of css", "Your css class name");