homepage Welcome to WebmasterWorld Guest from 54.161.202.106
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
Opera border & padding bug!
Anyone know a work around?
JAB Creations




msg:1585883
 6:34 pm on Sep 28, 2005 (gmt 0)

I have discovered a bug in opera where the greater the border-top the greater the padding-bottom.

Does anyone know a fix or work around for this?

 

encyclo




msg:1585884
 12:53 am on Sep 29, 2005 (gmt 0)

1. Which version of Opera?

2. Can you post the markup of your test page which shows the bug?

JAB Creations




msg:1585885
 6:57 am on Sep 29, 2005 (gmt 0)

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en">
<head>
<title>Border Padding Parallel Bug</title>
<link href="style.css" media="screen" rel="stylesheet" title="city" type="text/css" />
</head>

<body>

<div class="body">

<div class="page">

</div>

</div>

</body>
</html>

style.css
body {
background: #069;
color: #f0f;
margin: 0px;
padding: 0px;
}
div.body {
background-color: #069;
border: #000 solid;
border-width: 151px 5px 5px 5px;
bottom: 5px;
color: #f0f;
left: 5px;
margin: 0px;
overflow: auto;
padding: 0px;
position: absolute;
right: 5px;
top: 5px;
z-index: 1;
}

div.page {
border: #000 solid 1px;
float: left;
margin: 0px;
min-height: 600px;
padding: 0px;
width: 100%;
}

p {
color: #000;
}


JAB Creations




msg:1585886
 7:22 am on Sep 29, 2005 (gmt 0)

Forgot to post versions...

Opera versions specifically including 7.54, 8.0, 8.5. I'm in and between as well as earlier 7.X versions are effected as well. Opera 6 and prior does not correctly render overflow.

Hester




msg:1585887
 9:33 am on Sep 29, 2005 (gmt 0)


border: #000 solid;
border-width: 151px 5px 5px 5px;
bottom: 5px;

There's no such CSS as "bottom" on its own. You need to write it like this:


border: #000 solid;
border-width: 151px 5px 5px 5px;
border-bottom: 5px;

JAB Creations




msg:1585888
 10:10 am on Sep 29, 2005 (gmt 0)

Interesting Hester. The code is all valid though Opera renders the code correctly only if the bottom positioning of the object is not set.

What is the saying? It takes three to tango?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Opera Browser Usage and Support
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