CODEWITHSUNDEEP
csshtmlwidth
Pontus
Pontus

Reputation: 49

Can't set width of a div

I've got a CSS conflict that's preventing me to set the width of a div and I'm really struggling to see where it is.

Can someone give me a hand?

It's this div here: 

body.node-type-campaign #com_col_two {
width: 400px;
padding: 0;
border: 1px solid blue;
}

A link to the page: http://www.wdm.org.uk/test-campaign

Thanks!

Upvotes: 2

Views: 7162

Answers (3)

Piskvor left the building
Piskvor left the building

Reputation: 92752

Check out FF's Web Developer Toolbar or Chrome's Developer Tools: both have a CSS view which shows you which style definition affects this specific element (it is triggered by rightclick->Inspect element).

Upvotes: 0

John
John

Reputation: 1296

Have you tried just:

#com_col_two {
width: 400px;
padding: 0;
border: 1px solid blue;
}

And remove all the added properties on the <div> tag?

You have a lot of classes applied to the elements in your page.

Also, have you tried using Firefox with Firebug. I'm sure a lot of people would recommend using that.

Upvotes: 0

Curtis
Curtis

Reputation: 103338

Remove the inline-style width:auto; from <div id="com_col_two">

Upvotes: 3

Related Questions