CODEWITHSUNDEEP
csscolorsborder
RussellHarrower
RussellHarrower

Reputation: 6820

CSS border not working in Chrome but working in IE

I have the following code which works fine in ie8 but not in Chrome. I want the border to show and it is not:

.sitewidth{
width:1000px;
min-height:100%;
height:auto;
margin:0 auto 0 auto;
border-left: 1px #EE6A00 solid;
border-right:1px #EE6A00 solid;
overflow:visible !important;
}

Upvotes: 1

Views: 5458

Answers (3)

Nav
Nav

Reputation: 20698

In my case it happened because I used 0.5px instead of 1px. There is no such thing as half a pixel.

Upvotes: 0

Mohammad Saberi
Mohammad Saberi

Reputation: 13166

At the first, please define a background-color for your box to be sure it can be shown fine. Then, I suggest you remove other features at the first and solve your problem. Do it with something like this:

.box {
   background-color:silver;
   width:1000px;
   height:100px;
   border:1px #000 solid;
}

If this can work fine, you can modify it with other properties.

Upvotes: 0

Dan
Dan

Reputation: 12096

It may be that it's not showing high enough in Chrome without a height?

What's in the html code? Sometime it will require a <br clear="all" /> before the end of the closing div so that the whole div shows on screen.

I'm not too sure min-height will have any affect if it's followed by height:auto; ?

Upvotes: 1

Related Questions