Liten strek vises i IE7, ikke i FF

Dimind · 28. mars 2008

Nå holder jeg på i lage en enkel webside. Er i startfasen, og holder på å lære meg basic HTML-koding. Bruker gamle forumposter her, HTML dogs og HTML source som oppslagsverk. I lag med bruk av google går det greit. Tar mye tid, med det går fremover. De fleste ting jeg har problemer med, har andre hatt før meg, og løsninger finnes. Men det ble litt vanskelig å google "problemere med blå strek". Har også lest gjennom FAQ's her, uten å se noen løsning.

Jeg har brukt en template fra Dreamweaver CS3 ( Ja, jeg vet det er fyfy med templates, og sikkert er grunnen til mine problemer) for å få en mal å jobbe ut ifra. Siden den ikke er "live" enda, tester jeg alle forandringer med en gang, i IE7 og Firefox. Men, en lys, blå strek plager meg. Ikke så mye, men mer som et lite bein i en fiskefilet. Legger ved noen bilder av problemstreken:

I IE7 vises den sånn jeg ønsker, streken markert med rød pil

Mens i FF er den borte vekk.....

Her er koden som er brukt ( vet det er mye jalla her, husk jeg er i helt i startfasen)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>

	<meta name=<meta name="keywords"content="">
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Bjørn's Bilder</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_entertainment.css" type="text/css" />
<style type="text/css">
<!--
.style2 {color: #000000}
.style12 {
font-size: 14mm;
color: #000000;
}
.style14 {
color: #000000;
font-weight: bold;
font-style: italic;
}
.style16 {color: #FF0000; font-weight: bold; font-style: italic; }
-->
</style>
</head>
<body bgcolor="#14285f">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr bgcolor="#14285f">
   <td colspan="4" rowspan="2" nowrap="nowrap"><img src="images/trelogo .jpg" alt="Header image" width="400" height="140" /></td>

   <td height="58" nowrap="nowrap" colspan="3" id="logo" valign="bottom"><table width="491">
     <tr>
       <th width="600" scope="col"><em><span class="style12">Bjørn's Bilder</span></em></th>
     </tr>
   </table></td>
   <td width="4"> </td>
 </tr>
 <tr bgcolor="#14285f">
   <td height="57" nowrap="nowrap" colspan="3" id="tagline" valign="top"><table width="200" border="0" align="center">
     <tr>
       <th scope="col"><p class="style2">Finne på noe lurt her</p>          </th>
     </tr>
   </table>    </td>
<td width="4"> </td>
 </tr>
 <tr>
   <td colspan="8" bgcolor="#14285f"><img src="mm_spacer.gif" alt="" width="1" height="20" border="0" /></td></  </tr>

  <tr>
   <td colspan="8"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
 </tr>

  <tr>
   <td colspan="8" bgcolor="#445DA0"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
 </tr>

  <tr>
   <td colspan="8"> <br />
 <br />	</td>
 </tr>
 <tr>
   <td width="171" valign="top" height="450">
<table border="0" cellspacing="0" cellpadding="0" width="155" id="navigation">
       <tr>
         <td width="155" height="40"><a>Planlagte reiser</a></td>
       </tr>
       <tr>
         <td width="155" height="40"><a>Om Bjørn's Bilder</a></td>
       </tr>
       <tr>
         <td width="155" height="40"><a>Plassholder</a></td>
       </tr>
       <tr>
          <td width="155" height="40"><a>Bildearkiv</a></td>
       </tr>
       <tr>
          <td width="155" height="40"><a>Plassholder</a></td>
       </tr>
       <tr>
          <td width="155" height="40"><a>Kontaktinformasjon</a></td>
       </tr>
       <tr>
          <td width="155" height="40"><a href="User/bob/cecilie.htm" class="style2">Cecilie</a></td>
       </tr>
     </table></td>
   <td width="1" bgcolor="#445DA0"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
   <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
   <td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="304" height="1" border="0" /><br />
<table border="0" cellspacing="0" cellpadding="0" width="304">
       <tr>
         <td height="41" class="pageName">Dyk sit her og glor</td>
       </tr>
       <tr>
         <td class="bodyText"><div align="center"><a href="images/bunkerfacelarge.jpg" target="_blank">
<img src="images/bunkerfacesmall.jpg" alt="Resized JPEG graphic" title="Click to view" border="2" width="200" height="134" hspace="10" /></a><br />
         Rapiebant me spectacula theatrica, plena imaginibus
           miseriarum mearum et fomitibus ignis mei. quis est, quod ibi homo
           vult dolere luctuosa et tragica, quae tamen pati ipse nollet? et tamen
           pati vult ex eis!czxzcxcczxcxczczczczx

         </div>
           <div><p><span class="subHeader">Title Here</span><br />
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
             nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
             erat, sed diam voluptua. <br />


              At vero eos et accusam et justo duo dolores
             et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
             est Lorem ipsum dolor sit amet. </p> </div>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p align="center"><span class="style16">Kopiering av materiale fra Bjørn's Bilder for bruk annet sted er ikke tillatt uten avtale</span></p></td>
       </tr>
     </table>	</td>
   <td width="186"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
   <td width="200" valign="top"><img src="mm_spacer.gif" alt="" width="1" height="10" border="0" /><br />
    <table border="0" cellspacing="0" cellpadding="0" width="200">
       <tr>
         <td colspan="3" id="sidebarHeader" class="sidebarHeader" align="center">On Stage This Week</td>
       </tr>

       <tr>
	<td width="45"><img src="mm_spacer.gif" alt="" width="40" height="1" border="0" /></td>
	<td width="110" id="sidebar" class="smallText">
		<p><img src="mm_entertainment_image1.jpg" alt="image 1" width="110" height="110" border="0" vspace="6" /><br />
           Lorem ipsum dolor sit amet consetetur.<br /> <a href="java script:;">read more ></a></p>

		<p><img src="mm_entertainment_image2.jpg" alt="image 2" width="110" height="110" border="0" vspace="6" /><br />
             Lorem ipsum dolor sit amet consetetur.<br />
             <a href="java script:;">read more ></a><br /></p>
		   <br />
		   <br />
		   <br />
		   <br />          </td>
        <td width="45"> </td>
       </tr>
     </table>
   <br /> </td>
   <td width="4"> </td>
 </tr>
 <tr>
   <td width="171"> </td>
   <td width="1"></td>
   <td width="50"> </td>
   <td width="252"><p align="center" class="style14"> </p></td>

   <td width="150"> </td>
   <td width="186"> </td>
   <td width="200"> </td>
 </tr>
</table>
</body>
</html>

Noen som ser hvor feilen ligger?

selurdog · 28. mars 2008

Templates trenger ikke være fy-fy, men table-layouts ER fy-fy!

Limte kjapt inn koden i Dreamweaver her og sjekket så siden i FF, og der vises streken.

Er dermed usikker på hva som skjer hos deg.

Kommer dessverre ikke til å bruke kostbar tid på å gå gjennom table-basert kode, anbefaler deg å sjekke CSS.

Og har du da spørsmål, så skal jeg prøve å finne tid til å hjelpe.

Logg inn

Liten strek vises i IE7, ikke i FF

Anbefalte innlegg

Dimind

Lenke til kommentar

Videoannonse

selurdog

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer