Behöver Hjälp Med Hemsida!

Median · 17 November 2007

Hej alla..

Nu är jag då snart klar med min hemsida .. Men det är en sak som hindrar mig! Div boxen ligger längre ner i IE .. Men i FF visas den korrekt. Det hände efter jag gjorde om layouten så att den inte var bildbaserad.. När jag "resizade" layouten i PS så att bara headern fanns med, jag sparade och sen la jag till all kod som fanns i det förra dokumentet till den nya sidan.

Här är koden för hela hemsidan......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<style type="text/css">
<!--
.stil10 {color: #E5E6D8}
.stil3 {    color: #999999;
    font-family: "Times New Roman", Times, serif;
}
.stil4 {    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
}
.stil5 {    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}
.stil6 {    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #999999;
}
.stil8 {    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}
a:visited {
    text-decoration: none;
    color: #999999;
}
a:link {
    text-decoration: none;
    color: #999999;
}
.stil12 {color: #666666}
.stil18 {color: #666666; font-family: Georgia, "Times New Roman", Times, serif; }
.stil20 {color: #E5E6D8; font-size: xx-small; }
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
.stil21 {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}
.stil22 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.style6 {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
body {
    background-color: #E6E5D8;
}
-->
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id=layer1 style="position:absolute; top:347px; left:184px; width:532px; z-index:1; padding:5px; border: #000000 1px solid; background-color:#FFFFFF; ">
  <p align="center"><span class="stil21">Välkommen till !</span></p>
  <p class="stil22">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean eleifend placerat nibh. Donec a ipsum et tortor gravida commodo. Praesent scelerisque, dui ut ultricies lacinia, sapien odio blandit purus, ac condimentum tortor justo in risus. Integer adipiscing, risus sit amet imperdiet nonummy, dui enim viverra tellus, vitae vulputate tellus erat sit amet enim. Proin semper, sapien vel lacinia aliquet, eros justo elementum leo, quis tincidunt massa justo et turpis. Phasellus libero nisl, vestibulum ac, porttitor eget, nonummy sit amet, pede. Donec urna sapien, tempus ac, sollicitudin non, interdum eu, est. Sed dapibus est sed augue. Duis hendrerit ornare pede. Nunc ligula lacus, molestie sit amet, mattis non, congue in, libero. Aenean gravida justo id elit. In hac habitasse platea dictumst. Curabitur faucibus, augue vitae ultricies elementum, lorem ipsum gravida arcu, sed varius risus libero venenatis enim. Sed dolor. Morbi porttitor metus in risus. Duis libero.</p>
    
    <p class="stil22">Proin commodo. Vivamus sed nisi. Donec semper nunc sit amet odio. Pellentesque in dui. Morbi erat. Duis nec ipsum sit amet sapien rutrum placerat. Nullam in neque. Etiam mi nunc, consequat ut, semper ac, mollis ac, purus. Proin id tellus et nulla placerat venenatis. Curabitur fermentum. Aenean felis. Pellentesque sodales turpis et velit. Phasellus tristique ante non leo. Suspendisse sagittis lacus placerat quam. Duis hendrerit hendrerit augue. Nullam sed felis. Phasellus vulputate, magna vel fringilla posuere, leo elit vehicula sapien, vitae placerat eros purus dignissim diam. Etiam rutrum eleifend nisl. Etiam nisi. Vestibulum tincidunt, nisi in ultrices posuere, risus orci varius ipsum, non rhoncus felis ipsum sit amet diam.</p>
    
   <p class="stil22"> Aliquam vehicula fringilla lacus. Pellentesque semper. Quisque vitae ipsum nec ipsum semper consectetuer. Aliquam consectetuer. Ut tortor. Proin consequat purus sit amet massa. Aenean suscipit nisi. Morbi aliquet, magna eu adipiscing congue, diam nisl venenatis nisl, accumsan auctor orci velit ac dui. Sed nec arcu lobortis risus scelerisque congue. Suspendisse imperdiet ante in purus. Duis ornare lacinia mi. Fusce in pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris in nibh. Praesent eu nisl. Pellentesque nunc enim, posuere a, hendrerit ac, lobortis ut, diam. Praesent metus lacus, posuere eget, rutrum elementum, ultricies non, risus. Pellentesque feugiat hendrerit ante.</p>
    
    <p class="stil22">Sed commodo. Sed non massa. Phasellus condimentum volutpat quam. Integer mauris. Aenean ullamcorper. Mauris mattis est eget felis. Donec vulputate massa vitae dolor. Aliquam erat volutpat. Suspendisse massa diam, eleifend eu, ornare nec, blandit id, tellus. Vivamus orci urna, suscipit in, eleifend id, commodo nec, magna. Cras urna diam, pharetra ut, pretium non, dictum ac, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec consequat iaculis orci. Donec ultricies nulla et nunc. Praesent mollis, ipsum sed varius tincidunt, ipsum lorem egestas pede, eget vestibulum neque dui et metus. Mauris rutrum blandit libero.</p>
    
    <p class="stil22">Nulla eget tortor. Quisque varius consequat urna. Mauris pellentesque libero a quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque enim metus, pulvinar sed, sagittis vel, semper viverra, purus. Integer vehicula sagittis libero. Etiam suscipit nonummy nunc. In et orci vitae ante cursus cursus. Sed sodales imperdiet purus. Pellentesque rhoncus eros ut est. Praesent lacus. Aliquam ipsum leo, sodales non, laoreet vel, luctus ut, purus. Donec vel est. Praesent sagittis. Donec eu est id quam laoreet ornare. Curabitur a diam nec libero congue scelerisque. In volutpat leo eu quam. Pellentesque luctus, justo sed mollis varius, arcu mi aliquam metus, id sollicitudin nunc felis eu est. Morbi vitae metus in purus consectetuer adipiscing. Morbi eu enim quis eros rutrum pharetra. </p>
</div>
<div id=layer3 style="position:absolute; top:347px; left:-1px; width:174px; z-index:1; padding:5px; border: #000000 1px solid; background-color:#E5E6D8; ">
  .......................................................................
</div>
<p>
  <center>
  </center>

<p>
  <!-- ImageReady Slices (Layouta.psd) -->
  <iframe src="http://www.perfica.se/utbytet.com/utbytet.php?id=10425" style="border: 1px solid #E6E5D8; width: 466px; height: 73px; margin: 0px; padding: 0px;" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"> </iframe>
<table id="Table_" width="729"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="9"><img src="images/Layouta_01.jpg" width="728" height="18" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="18" alt=""></td>
  </tr>
  <tr>
    <td rowspan="3"><img src="images/Layouta_02.jpg" width="37" height="44" alt=""></td>
    <td><img src="images/Layouta_03.jpg" width="62" height="24" alt=""></td>
    <td rowspan="3"><img src="images/Layouta_04.jpg" width="119" height="44" alt=""></td>
    <td><img src="images/Layouta_05.jpg" width="72" height="24" alt=""></td>
    <td rowspan="3"><img src="images/Layouta_06.jpg" width="129" height="44" alt=""></td>
    <td><img src="images/Layouta_07.jpg" width="68" height="24" alt=""></td>
    <td rowspan="3"><img src="images/Layouta_08.jpg" width="103" height="44" alt=""></td>
    <td rowspan="2"><img src="images/Layouta_09.jpg" width="85" height="27" alt=""></td>
    <td rowspan="3"><img src="images/Layouta_10.jpg" width="53" height="44" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="24" alt=""></td>
  </tr>
  <tr>
    <td rowspan="2"><img src="images/Layouta_11.jpg" width="62" height="20" alt=""></td>
    <td rowspan="2"><img src="images/Layouta_12.jpg" width="72" height="20" alt=""></td>
    <td rowspan="2"><img src="images/Layouta_13.jpg" width="68" height="20" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
  </tr>
  <tr>
    <td><img src="images/Layouta_14.jpg" width="85" height="17" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="17" alt=""></td>
  </tr>
  <tr>
    <td colspan="9"><img src="images/Layouta_15.jpg" width="728" height="179" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="179" alt=""></td>
  </tr>
</table>
<p> </p>
</body>
</html>

<!-- ImageReady Slices (Layouta.psd) -->
<table width="1010" height="801" border="0" cellpadding="0" cellspacing="0" id="Table_01">
  <tr>
    <td colspan="10"><img src="images/index_01.jpg" width="1000" height="57" alt=""></td>
    <td width="10"><img src="images/spacer.gif" width="1" height="57" alt=""></td>
  </tr>
  <tr>
    <td width="37" rowspan="3"><img src="images/index_02.jpg" width="37" height="44" alt=""></td>
    <td width="62"><a href="nyheter.php"><img src="images/index_03.jpg" width="62" height="24" border="0"></a></td>
    <td width="119" rowspan="3"><img src="images/index_04.jpg" width="119" height="44" alt=""></td>
    <td width="72"><img src="images/index_05.jpg" width="72" height="24" alt="" border="0"></td>
    <td width="129" rowspan="3"><img src="images/index_06.jpg" width="129" height="44" alt=""></td>
    <td width="68"><img src="images/index_07.jpg" width="68" height="24" alt="" border="0"></td>
    <td width="103" rowspan="3"><img src="images/index_08.jpg" width="103" height="44" alt=""></td>
    <td width="85" rowspan="2"><img src="images/index_09.jpg" width="85" height="27" alt="" border="0"></td>
    <td colspan="2" rowspan="3"><img src="images/index_10.jpg" width="325" height="44" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="24" alt=""></td>
  </tr>
  <tr>
    <td rowspan="2"><img src="images/index_11.jpg" width="62" height="20" alt=""></td>
    <td rowspan="2"><img src="images/index_12.jpg" width="72" height="20" alt=""></td>
    <td rowspan="2"><img src="images/index_13.jpg" width="68" height="20" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
  </tr>
  <tr>
    <td><img src="images/index_14.jpg" width="85" height="17" alt=""></td>
    <td><img src="images/spacer.gif" width="1" height="17" alt=""></td>
  </tr>
  <tr>
    <td colspan="9"><img src="images/index_15.jpg" width="728" height="179" alt=""></td>
  </tr>
  <tr>
    <td colspan="9"><img src="images/index_17.jpg" width="728" height="520" alt=""></td>
  </tr>
  <tr>
    <td><img src="images/spacer.gif" width="37" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="62" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="119" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="72" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="129" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="68" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="103" height="1" alt=""></td>
    <td><img src="images/spacer.gif" width="85" height="1" alt=""></td>
    <td width="53"><img src="images/spacer.gif" width="53" height="1" alt=""></td>
    <td width="272"><img src="images/spacer.gif" width="272" height="1" alt=""></td>
    <td></td>
  </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Behöver hjälp snarast!

Redigerat 22 November 2007 av Odet

epaaj · 22 November 2007

Första jag ser är att du inte har någon <html> men ett flertal </html>. Fixa detta först och främst.

Försök fixa alla error du får med http://validator.w3.org

Median · 22 November 2007

Ja, du. Tog väldans lång tid ._. Har kört validatorn några gånger och fixat alla fel jag kan. Även om jag vet att ingen av dom felen har nåt med det att göra.

Och sen blev det fel där.. Den ena imageready slices ska inte finnas med.

epaaj · 24 November 2007

Jag kan inte hjälpa dig mycket mer utan att själv se sidan som den ska se ut.

Median · 8 December 2007

Kom på felet.. IE (eller FF) förstår inte top och left rätt. Båda webbläsarna är 4px fel när det gäller det här! Om t.ex. jag har 883 i top så visas det helt korrekt i FF men inte i IE och om jag har 879 i top så visas det helt korrekt i IE men inte i FF! Kan man lösa det här på nåt konstigt sätt? Eftersom jag hatar felet ._.

epaaj · 10 December 2007

Sån skillnad ska det inte vara. Det måste vara något annat fel.

Median · 10 December 2007

Nej! Vet du hur j*vla många gånger jag har validerat och försökt hitta felet? Det måste vara det där! Det finns inte nåt annat fel, om inte du kan hitta det som jag inte har hittat. Har tagit sönder diven och satt ihop den igen utan css etc. Inget har funkat. Och om jag tar bort left and top så far hela diven upp.. Längst upp på sidan. Och då, i IE är den inte lite längre ner. Den sitter på exakt samma ställe som i FF.

epaaj · 13 December 2007

Vilken version av IE kör du med? Alla under version 7 är ganska värdelösa. Du kanske skulle testa i ännu en webbläsare, kanske Opera, och se om det blir samma.

Median · 13 December 2007

IE 7.

Och varför skulle det vara viktigt att titta i en annan webbläsare? Måste fortfarande ha en lösning till problemet.

Logga in

Behöver Hjälp Med Hemsida!

Rekommendera inlägg

Median

epaaj

Median

epaaj

Median

epaaj

Median

epaaj

Median

Gå med i konversationen

Bläddra

Aktivitet