div werte in opera

[BigSanch]

hi an alle

frage:

wie gebe ich in css angaben zur größe eines div tags richtig an, daß auch opera das animmt

meine ausgabe sieht folgendermaßen aus:

<div id="box">  [COLOR="#8b0000"]//einige effeckte in externer css[/COLOR]
     <a href="seiten/home.html">Startseite</a>  [COLOR="#8b0000"]//elemente[/COLOR]
          <div class="zeile">&nbsp;</div>
          <div class="zeile">&nbsp;</div> 
     <a href="#">Webdesign</a>
          <div class="zeile">&nbsp;</div>
     <a href="#">Grafikbearbeitung</a>
          <div class="zeile">&nbsp;</div>
     <a href="#">Computerservice</a>
         <div class="zeile">&nbsp;</div>  [COLOR="#8b0000"]//abstand (im css mit {font-[/COLOR]
         <div class="zeile">&nbsp;</div>  [COLOR="DarkRed"]//size:3px;} bestimmt)[/COLOR]
     <a href="#">G&auml;stebuch</a>
</div>

die zeilenabstände zwischen den elementen ist wie gesagt 3px, geht überall, nur opera setzt dort (schätze mal) 14 oder so, den normalen schriftgröße wert, nehme ich an. wie kann ich es auf diese weise lösen, daß die formatierung auch für den opera geht?

 

[threadi]

Das ist ein sehr seltsamer HTML-Code. Soll das ein Menü werden? In dem Fall würde ich an deiner Stelle eher eine ul-Liste verwenden. Könntest du die vollständige Seite inkl. CSS posten?

 

[BigSanch]

ok, wenn du möchtest, hier ist der zusammenhang:

seite:

<div class="menu" style="width:200px; height:379px;">
   <div id="box">
      <a href="#">seite1</a>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite2</a>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite3</a>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite4</a>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite5</a>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite6</a>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite7</a>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite8</a>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite9</a>
         <div class="zeile">&nbsp;</div>
      <a href="#">seite10</a>
   </div>
</div>

im css

#box {
   margin: 3px 0 0 10px;
   top:30px;
   left:0px;
}
#box a {
   color: #003366;
   background: url(../bilder/buttons/but1-1.gif);
   background-position: center;
   background-repeat: no-repeat;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   display: block;
   width: 144px;
   height: 16px;
   padding: 4px;
}
#box a:hover {
   background: url(../bilder/buttons/but1-2.gif);
   background-position: center;
   background-repeat: no-repeat;
   color: #990000;
}
.zeile{
   font-size:3px;
}

das ist nur ein kleines css rollover menü, das geht ja auch nur im opera zeigt er den tag mit der class "zeile" nit so an wie eingegeben, ich wollte nur wissen wie ich das bewerkstellige :-)