Question

Can someone please tell me why ‘Security Professionals’ on the bottom right won’t extend all the way to the right side of the screen? I’m using Eric Meyer’s reset. I don’t know why there’s that padding there.

http://hemakessites.com/mayukh/22/

Edit: You guys are seeing the huge block of space on the bottom right, right? It’s not a 3% sliver. I’ll try wrapping them in a div, because right now if I set all of them to 25% one of them falls to the next line.

Aside: Oh my god. I just finished a sentence with a semicolon; I’ve been programming too much;

Update: There’s already a div container that stretches 100%. That’s what the gray area is. No… this is an evil far worse than we ever imagined. Maybe it’s got something to do with the ‘Difference’ div being fixed?

Answer 1

you can use the box-sizing property for your solution i hope this will work for you

please update your css with mine css

.slagline {
    -moz-box-sizing: border-box;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-color: #FFFFFF #666666 #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 100%;
    width: 25%;
}

Actually the main thing is you have defined border-width:1px; so its increasing the width of all of your four columns so by box-sizing property you can get your desired results

see the demo if you will remove the box-sizing u will know the difference…