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!
