Footer er altfor stor i IE 7

Stegz · 17. juni 2007

Hei,

Jeg har prøvd å lage en ny hjemmeside. Jeg bruker vanligvis firefox. og i firefox funket siden veldig bra, men i IE ble alt bare rot. se selv.

Problemet er altså at #footer strekker seg helt opp til #top

koden til hjemmesiden er på http://home.no.net/holsen7/index.html

koden til stylesheetet er på http://home.no.net/holsen7/home.css

Kildekoden html

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="home.css" />
<style type="text/css">
A:hover
{
color:#FFFFFF
}



</style>

<title>Welcome</title>
</head>

<body>

<div id="home">

   <div id="top">
<a href="index.html"><img src="images/Untitled-1 copy.png" width="900" height="100" border="0" /></a>  </div>


   <div id="left">
<TABLE WIDTH="130" BORDER="0">
 <TR>
  <TD><A HREF="meg.html"> Meg</A></TD> 
 </TR>

 <TR>
   <TD><A HREF="filmer.html">Filmer</A></TD>
 </TR>

  <TR>
    <TD><A HREF="musikk.html">Musikk</A>   </TD>
  </TR>

  <TR>
  <TD><A HREF="http://users2.smartgb.com/g/g.php?a=s&i=g21-01080-6c">Gjesteboka</A></TD>
  </TR>






 </table>

</div>


   <div id="right">
<P align="center"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/hU2zfDFjffo"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/hU2zfDFjffo" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></P>
   <P align="center">KoRn - Falling away from me</P>


</div>
<div id="footer">
 <p align="center"><em>under konstruksjon</em></p>
 <!-- end #footer --></div>

</div>

</body>
</html>

kildekode css

Klikk for å se/fjerne innholdet nedenfor

@charset "utf-8";

/* CSS Document */

body

{

background-image:url(images/background.gif);

}

#home

{

margin-left:auto;

margin-top: 50px;

margin-right:auto;

width:1100px;

background-color:#FFFFFF;

}

#top

{

text-align:center;

}

#left

{

width:200px;

float:left;

height:500px;

background-image:url(images/bgright.gif);

font-size: 18px;

font-family: Comic sans MS;

color: #FFFFFF;

}

#right

{

float:right;

width:900px;

background-image:url(images/bg.gif);

height:500px;

}

p

{margin-left:5px;}

#footer

{

background-color:#666666;

}

#yo

{

float:right;

width:1100px;

background-image:url(images/bg.gif);

}

Edit: Jeg fant feilen. når jeg tar vekk <em> fra "under konstruksjon" ble alt riktig igjen. Men jeg skjønner fortsatt ikke hvorfor. Og det blir også rart når jeg ser det i design view i dreamweaver.

Edit2:

Har validert alle sider og rettet en del feil. Men det er fortsatt feil i IE, dreamweaver ble bra da. Tar vekk <em> i under konstruksjon nederst på siden

Endret 17. juni 2007 av Stegz

Logg inn

Footer er altfor stor i IE 7

Anbefalte innlegg

Stegz

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer