Image Problem [Opera Browser]

[mssakib]

Hi

 

I have coded a site with simple php-html-css-css3  but having probem with a image . It is in right position in mozilla but not in opera. See the image

 

[imghttp://i26.lulzimg.com/e4b7b5.jpg][/img]

'

 

Link to site

 

http://itleech.com/cs/

[cssfreakie]

from the look of it it looks like your wrapper div is too narrow 765px for the inner elements (the images)768px

[mssakib]

How can i solve it ?

[cssfreakie]

How can i solve it ?

My best guess is to change the dimensions of the inner elements so that they fit inside the 765px. As far as I can tell it's the same with an elephant in the room if it doesn't fit, either shrink the elephant or make the room bigger.

 

So Set a fixed width to those images. I am pretty sure that should do the trick. If not, i'll look at it again.

[cssfreakie]

I looked at it a little closer and i noticed something odd.

 

You might want to change /add the following to your stylesheet:

 

body{margin:0; padding:0;}  /* or just use a reset.css /read sticky */

.logo {
    background: -moz-linear-gradient(center top , #0272A7, #013953) repeat scroll 0 0 transparent;
    border: 1px solid #002232;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 1px #EDF9FF inset;
    margin-left: auto; /* instead of 180px */
    margin-right: auto; /* idem */
    margin-top: 10px;
    padding: 30px;
    width: 825px; /* gave it a fixed with */
}

 

try this

 

[mssakib]

Solved. The problem was i was mixing up DIV and ID now ok/