Lite frågor om css.

2 svar · 541 visningar · startad av Forcevision 27 aug. 2007

ForcevisionMedlem sedan mars 2007217 inlägg

Frågan27 aug. 2007 19:49#1

Hejsan !

Har htmlkode ser ut som följande:

<div id="div1">Start sidan <Span class="bild"><img src="bild/pil.gif" alt="Pil"/></Span></div>
<div id="div11">
  <div align="center">
    <p>V&auml;lkommen </p>
    <table width="444" height="199" border="0">
      <tr>
        <td width="199" height="195" align="left" valign="top"><p class="style1"><span class="style7"></span></p>
          <p class="style1"><br />
            <span class="style6"><br />
          </span></p>
          <div class="r1"></div>
          <p class="style1"><span class="style6">          V&auml;lkommen!</span></p></td>
        <td width="235"><div align="center"><img src="bild/dator.jpg" alt="Datorer" width="235" height="193" /></div></td>
      </tr>
    </table>
    <p>&nbsp;</p>
  </div>
</div>
<div id="div12" class="scrollable" style="height:150px;width:140px;background-color:#FFD75C;padding:0px;font-family:Verdana; font-size: 10px;"><br />
<br />
----------------------------
</div>

Dessa tre div har måtten som följande under det ligger i en css mall:

#div1 {background-color: #FFD75C; border-bottom: 1px solid #E2DCC6; font-family:verdana; font-size: 12px; color: #000000; position: relative; width: 140px; height: 15px;}
#div11 {background-color: #FFF0BB; font-family:verdana; font-size: 12px; color: #000000; position: relative; width: 720px; height: 400px;  position: absolute; right: 152px; top: 112px;}
#div12 {background-color: #FFF0BB; font-family:verdana; font-size: 12px; color: #000000; position: relative; width: 140px; height: 130px;  position: absolute; right: 8px; top: 116px;}

Där är måtten på divarna. Problemmet nu är det ser kanon bra ut i ff men ser helt annorlunda ut i ie. Hur får jag det att se likadant ut i både ie och ff ?

Mvh Forcevision

headbugMedlem sedan sep. 2006867 inlägg

27 aug. 2007 20:13#2

Nu har jag inte titta så noga men du kan ju inte har både position relative OCH absolute. Börja med att validera din CSS så att du åtminstone inte har syntaktiska fel :)

Börja där och återkom!

MVH Buggen

ForcevisionMedlem sedan mars 2007217 inlägg

27 aug. 2007 20:28#3

headbug skrev:

Nu har jag inte titta så noga men du kan ju inte har både position relative OCH absolute. Börja med att validera din CSS så att du åtminstone inte har syntaktiska fel :)

Börja där och återkom!

MVH Buggen

Jepp då är det klart:

#div11 {background-color: #FFF0BB; font-family:verdana; font-size: 12px; color: #000000; position: absolute; width: 720px; height: 400px;  position: absolute; right: 152px; top: 112px;}
#div12 {background-color: #FFF0BB; font-family:verdana; font-size: 12px; color: #000000; position: absolute; width: 140px; height: 130px;  position: absolute; right: 8px; top: 116px;}

Men fortfarande fel i ie.