Gå til innhold

Layout v/ hjelp av CSS. Problem i IE


Anbefalte innlegg

Hei

 

Eg driv å bygger ein ASP Web Portal eller CMS eller kva eg skal kalle det og har litt problem med oppbygginga av sida.

Den viser heilt perfekt i Mozilla Firefox 0.8 (og forhåpentlegvis andre versjonar og Opera), men i IE blir alt helt fucka..

 

HTMLen ser slik ut

<script language="javascript" src="<% = strRoot %>includes/default_javascript.js" type="text/javascript"></script>
 <meta name="Copyright" content="Copyright (c) Simen Arntsen 2004">
 <link href="<% = strSkinPath %>style.css" rel="stylesheet" type="text/css" /><%
 If InStr(1, BrowserType(), "IE", 1) > 0 Then Response.Write("<link href=""" & strSkinPath & "ie_x_style.css"" rel=""stylesheet"" type=""text/css"" />") %>
 </head>
<body>
 <table id="page">
  <tr>
   <td>
    <table id="header">
     <tr>
      <td>
<!-- #include file="header_inc.asp" -->
      </td>
     </tr>
    </table>
   </td>
  </tr><%
  If blnNavigationBar = True Then %>
  <tr>
   <td>
    <table id="navigation">
     <tr>
      <td>
<!-- #include file="navigation_inc.asp" -->
      </td>
     </tr>
    </table>
   </td>
  </tr><%
  End If %>
  <tr>
   <td>
    <table id="middle" cellpadding="0" cellspacing="0">
     <tr><%
      If blnLeftColumn = True Then %>
      <td width="<% = strLeftColumnWidth %>" height="100%">
       <table id="left">
        <tr>
         <td valign="top">
<!-- #include file="left_inc.asp" -->
         </td>
        </tr>
       </table>
      </td><%
      End If %>
      <td width="<% = strContentColumnWidth %>" valign="top">
       <table id="content">
        <tr>
         <td>
          <!-- [===========================================================================] -->
          <!-- [============================ Start Page Content ===========================] -->
          <!-- [===========================================================================] -->
           Innhold
          <!-- [===========================================================================] -->
          <!-- [============================= End Page Content ============================] -->
          <!-- [===========================================================================] -->
         </td>
        </tr>
       </table>
      </td><%
      If blnRightColumn = True Then %>
      <td width="<% = strRightColumnWidth %>" height="100%">
       <table id="right">
        <tr>
         <td valign="top">
<!-- #include file="right_inc.asp" -->
         </td>
        </tr>
       </table>
      </td><%
      End If %>
     </tr>
    </table>
   </td>
  </tr>
  <tr>
   <td>
    <table id="footer">
     <tr>
      <td>
<!-- #include file="footer_inc.asp" -->
      </td>
     </tr>
    </table>
   </td>
  </tr>
 </table>

 

og CSSen ser slik ut:

 

BODY
{
font-family: Tahoma, 'Trebuchet MS' , Arial, Verdana;
font-size: 12px;
margin: 10px;
}
#page
{
border: solid 1px black;
padding: 10px;
width: 100%;
}
#header
{
border: #000000 1px solid;
background-color: #f1f1f1;
width: 100%;
margin: 0px 0px 5px 0px;
}
#navigation
{
border: #000000 1px solid;
background-color: #f1f1f1;
width: 100%;
}
#middle
{
margin: 5px 0px 5px 0px;
width: 100%;
height: 100%;
}
#left
{
border: #000000 1px solid;
background-color: #f1f1f1;
vertical-align: top;
height: 100%;
width: 100%;
padding: 5px;
}
#content
{
margin: 0px 10px 0px 10px;
border: #000000 1px solid;
background-color: #f1f1f1;
vertical-align: top;
width: 100%;
padding: 5px;
}
#right
{
border: #000000 1px solid;
background-color: #f1f1f1;
vertical-align: top;
height: 100%;
width: 100%;
padding: 5px;
}
#footer
{
border: #000000 1px solid;
background-color: #f1f1f1;
width: 100%;
}

 

Eg har funne ut at beste løysinga er eit ekstra stilark (off forferdeleg ord) for IE som rettar opp, og har prøvd litt forskjellig inni der, men alt blir berre litt forandra, men forsatt like fucka..

Er det nokon som har tips om CSS eg kan bruke i det andre stilarket (!!!) slik at IE vider sida rett og? har ikkje så mykje kunnskapar om CSS.. er forholdsvis ny på andre ting enn farge og skriftformatering :p

 

 

All hjelp takast imot med glede!!! :)

 

 

 

-Simen

Lenke til kommentar
Videoannonse
Annonse

en tabell har sin måte å fungere på, en div har ikkje. En div kan bli til _ka_som_helst_ . Dessuten er det ikkje feil å bruke divs, men veldig, veldig FEIL å bruke tabeller til layout.

 

I det siste har eg ikkje villa hjulpe folk med tabell-layout før dei konverterer til CSS layout. Rett og slett fordi det blir for dumt å lære seg veldig godt det som er feil, og så slite vidare med å lære det som faktisk er rett etterpå.... En tungvint måte å gjøre det på, og eg gjorde det sjøl.. :\

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...