Welcome to WebmasterWorld Guest from 54.198.14.214

Forum Moderators: open

Message Too Old, No Replies

Opera border & padding bug!

Anyone know a work around?

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

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts:3159
votes: 15


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?

12:53 am on Sept 29, 2005 (gmt 0)

Senior Member from CA 

WebmasterWorld Senior Member encyclo is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 31, 2003
posts:9068
votes: 4


1. Which version of Opera?

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

6:57 am on Sept 29, 2005 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts:3159
votes: 15


<?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;
}

7:22 am on Sept 29, 2005 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts:3159
votes: 15


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.

9:33 am on Sept 29, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 5, 2002
posts:1318
votes: 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;
10:10 am on Sept 29, 2005 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts:3159
votes: 15


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?