mykel: Opera und span selector... problem!

Beitrag lesen

SELF-Forum

Opera und span selector... problem!

mykel Homepage des Autors
– Informationen zu den Bewertungsregeln

Hello again!

Folgendes Problem habe ich mit dem Opera (v9.25):

Website ist xhtml1.0 strict. Über einen mehrere <span> Selectoren wähle ich aus einem Absatz <p></p> bestimmte Teile aus um den Font in Größe und Farbe zu via externes Sylesheet zu stylen.
Dies ist alles wunderbar... IE 6,  Firefox und Seamonkey zeigen die Seite korrekt an. Opera jedoch unterschlägt die Color Werte und zeigt den Font in Schwarz an, was im gesamten Stylesheet nicht vorkommt. Zudem versetzt er ein <div> das zentriert in einem anderen <div> liegt welches ebenfalls zentriert im <body> befindet um einige pixel nach unten. Eigentlich ist das Problem in dieser website nicht so ausschlaggebend, da es sich hierbei nur um eine forwarding seite handeln soll, ich aber das selbe bzw. ähnliches Problem mit dem Opera dann in der Hauptseite habe.

Zunächst der html 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">

<head>
<title>boutique for designer sarees, wedding sarees, salwar kameez and more</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="./style.css" title=" blog style" media="screen,projection" />
</head>
<body>

<div id="wrap">
  <div id="contentWrap">
    <div id="content">
      <p><br />You are getting forwarded to<br />
        <br />
        <span class="urlName">www.dulari-collection.com</span><br />
        <br />
        If not, press<br />
        <span class="bracket">[</span><span class="link"><a href="http://www.dulari-collection.com/dulari-collection/index.htm">
        &nbsp;&nbsp;E N T E R &nbsp;&nbsp;</a></span><span class="bracket">]</span></p>
    </div>
  </div>
</div>

</body>

</html>

============================
und hier das zugehörige CSS:

/******** General tags ********/
* {margin:0; padding:0;}

body{
background:#202020;
font-family:verdana,tahoma,arial,sans-serif;
font-size:13px;
color:#707070;
margin:0 auto;
padding:0;
}

a{text-decoration:none; color:#ffffff;}

a:hover{text-decoration:none; color:#f45900;}

a:active{text-decoration:none; color:#f45900;}

/******** Main wrap ********/
#wrap{
 background:#fcebcd;
 position:absolute; top:50%; left:50%;
 width:800px;
 height:380px;
 margin:-190px 0 0 -400px;
 padding:0px;
 border:3px double #870b00;
}

/******** Content ********/

#contentWrap{
 background:#e2cda8;
 position:absolute; top:50%; left:50%;
 width:780px;
 height:360px;
 float: left;
 padding:0px 0px 0px 0px;
 margin:-180px 0px 0px -390px;
}

#content{
 text-align:center;
 padding:0px 0px 0px 0px;
 margin:0px;
}

#content p{
text-align:center;
line-height:3.2em;
margin:0px;
}

p span.link{
 font-size:1.4em;
 font-weight:900;
 letter-spacing:3px;
 text-align:center;
}

p span.urlName{
 font-size:3em;
 font-weight:900;
 color: #ffffff;
 letter-spacing:3px;
 text-align:center;
}
p span.bracket{
 font-size:2.4em;
 font-weight:100;
 color:#fcebcd;
 text-align:center;
}

===============================

Wäre schön wenn mir da jemand einen konstruktive(n) Tip(s) bez. Opera geben könnte.
Thanx@all

Beitrag melden
–
Informationen zu den Bewertungsregeln