homepage Welcome to WebmasterWorld Guest from 54.227.40.166
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
CSS in Opera
Cannot seem to get this to function in opera
ProductivePC




msg:3150410
 5:58 pm on Nov 8, 2006 (gmt 0)

Hello,

I am designing a border to show images with CSS and have run into an issue.

I have this working in all other browsers that I am able to test however this does not seem to work in Opera. Everything looks good except for 1 border. I know what is causing the issue, I just don't know where to begin to fix the issue.

howard.worldfamousgiftbaskets.com/border.html is the URL.

ALL CSS is embedded in the webpage.
I have tested this in:
Firefox
Netscape
IE 6
AOL Explorer
Opera

Opera is the only one that the rightside border is not quite correct.
Why is this and what can I do about it without conflicting the other browsers.

The culprit line is width: 706px;

.outer-border
{
width: 706px;
height: auto;
border: double #e5beff thick;
padding: 2px;
}

This code is for the outer double border. As I see it, CSS looks at the document itself and uses that to references that in order to figure out where the width should be when you use width: auto; or width: 50%;

Is there a way to tell it to use whatever is inside of it. That would work greate if I could tell it to look at inner-border and go by that instead of attempting to figure out how many pixels I need for Firefox, Opera, etc etc etc.

Thanks,

Wayne

 

ProductivePC




msg:3150579
 8:17 pm on Nov 8, 2006 (gmt 0)

I did find a hack for opera that did fix the issue however I would like to know if there is something else that is not a hack that will fix the issue.


/* The next part is here for Opera only.
Explanation: virtuelvis.com/archives/2004/01/css-for-opera-7
Start Opera Media Hack
*/

@media all and (min-width: 0px){

.outer-border
{
width: 713px;
height: auto;
border: double #e5beff thick;
padding: 2px;
}

}
/* End Opera Media Hack */

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved