mssakib Posted September 8, 2011 Share Posted September 8, 2011 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/ Quote Link to comment https://forums.phpfreaks.com/topic/246738-image-problem-opera-browser/ Share on other sites More sharing options...
cssfreakie Posted September 8, 2011 Share Posted September 8, 2011 from the look of it it looks like your wrapper div is too narrow 765px for the inner elements (the images)768px Quote Link to comment https://forums.phpfreaks.com/topic/246738-image-problem-opera-browser/#findComment-1267181 Share on other sites More sharing options...
mssakib Posted September 8, 2011 Author Share Posted September 8, 2011 How can i solve it ? Quote Link to comment https://forums.phpfreaks.com/topic/246738-image-problem-opera-browser/#findComment-1267200 Share on other sites More sharing options...
cssfreakie Posted September 8, 2011 Share Posted September 8, 2011 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. Quote Link to comment https://forums.phpfreaks.com/topic/246738-image-problem-opera-browser/#findComment-1267203 Share on other sites More sharing options...
cssfreakie Posted September 9, 2011 Share Posted September 9, 2011 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 Quote Link to comment https://forums.phpfreaks.com/topic/246738-image-problem-opera-browser/#findComment-1267208 Share on other sites More sharing options...
mssakib Posted September 10, 2011 Author Share Posted September 10, 2011 Solved. The problem was i was mixing up DIV and ID now ok/ Quote Link to comment https://forums.phpfreaks.com/topic/246738-image-problem-opera-browser/#findComment-1267587 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.