Zitat:
|
Zitat von Opera Version
Version 8.02
Build 7680
Platform Win32
System Windows XP
|
Hallo,
leider finde ich keine Lösung zu folgendem Problem im Opera 8. Dazu ist noch zu sagen dass der Opera 7 damit keine Probleme hatte. IE und FF zeigen folgendes padding-right ohne Probleme.
Code:
#site-menu a
{
.......
padding: 0 .3em 0 0;
.......
}
Es nun in Worte zu fassen ist mühsam, schaut es Euch doch einfach mal an;
hier der "gepellte" CODE, wenn man den
Markup [<span>.</span>] aus dem Link entfernt wird der padding-right auch im Opera angezeigt.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>
<style type="text/css" media="screen" title="Druckvorschau => Markup-Semantic">
/*<![CDATA[*/
#site-menu ul
{
list-style-type: none;
margin: 0;
padding: 0 0 2px 0;
background-color: #CCCCCC;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 1.82em;
}
#site-menu ul li
{
display: inline;
margin: 0;
padding: 0 1.6% 0 0;
}
#site-menu a
{
margin: 1px;
border: 1px solid #000000;
padding: 0 .3em 0 0;
color: #000000;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
white-space: nowrap;
}
#site-menu a span
{
margin-right: .5em;
border-right: 1px solid #000000;
color: #60E29E;
background-color: #60E29E;
letter-spacing: 3px;
}
/*]]>*/
</style>
</head>
<body>
<div id="site-menu">
<ul>
[*]<span>.</span>xxxxxxx
[*]<span>.</span>xxxxxxx
[*]<span>.</span>xxxxxxx
[/list]</div>
</body></html>
Laut W3C sind margin/border/padding -left/-right Values auch bei Inline-Elementen zu beachten! Das dies in der Vergangenheit nicht alle Browser taten - Okay. Aber hier handelt es sich ja um den
neuesten Opera
<edit> Titel geändert