Gå til innhold

Skrive tekst i <div> i IE

-Teddy-

Av -Teddy-
i Programmering og webutvikling

Anbefalte innlegg

-Teddy-

-Teddy-

Skrevet
Skrevet

Har aldri sett makan til problemer. Jeg klarer ikke engang å plassere tekst i en <div> i IE. Jeg skal ha plassert litt tekst i #footer -diven i IE da jeg har gitt opp på plassere #webmaster rett. Har jobbet i flere timer nå uten å få det til, trenger virkelig hjelp.

 

Kan noen hjelpe meg?

 

HTML:

Klikk for å se/fjerne innholdet nedenfor
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ulyssesclub.no</title>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />

<!--[if gte IE 5.0]>
<![if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="ie57hacks.css" />
<![endif]>
<![endif]-->

<!--[if gte IE 5.0]>
<link rel="stylesheet" type="text/css" media="screen" href="iehacks.css" />
<![endif]-->
</head>
<body>

<div id="topp">
<div id="headercontainer">
	<h1>Velkommen til Ulysses Club Norway!</h1><br/>
	<h1 class="alignright">"Grow old disgracefully"</h1>
</div>
</div>

<div id="mid">

<ul>
<li><a id="forstelink" href="index.php">Hjem</a></li>
<li><a href="index.php?side=kontakt">Kontakt</a></li>
<li><a href="index.php?side=aktiviteter">Aktiviteter</a></li>
<li><a href="index.php?side=klubbinfo">Klubbinfo</a></li>
<li><a href="index.php?side=linker">Linker</a></li>
<li><a href="index.php?side=nyheter">Nyheter</a></li>
<li><a href="index.php?side=annonser">Annonser</a></li>
</ul>

</div>
<div id="bunn">
<h2>Hjem</h2>
</div>

<div id="innhold">

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam ultrices, ipsum vitae vehicula viverra, dui nibh tincidunt erat, eget tempus risus neque et justo. Sed sed massa vel nunc malesuada congue. Nullam id urna eu nisi luctus placerat. Nulla dictum volutpat tortor. Proin ultricies sapien at turpis. Maecenas ac pede. Nunc at mi. Etiam in massa. Donec a elit vel erat egestas bibendum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed rhoncus. Morbi ultrices luctus felis.</p>

<p>Etiam et tellus. In convallis lobortis sapien. Mauris consequat, leo ac dignissim congue, sapien lorem iaculis dui, nec accumsan leo mauris sit amet elit. Sed velit. Curabitur metus. Cras nec pede. Ut sed massa. Etiam vel felis eu tellus tristique scelerisque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas auctor gravida lorem. Fusce luctus cursus nisl. Suspendisse potenti. Sed pharetra gravida nulla. Quisque sagittis pede ac felis. Morbi ullamcorper. Nam egestas sapien non mauris.</p>

<p>Duis egestas erat ac mauris. Mauris gravida lacus. Ut sagittis blandit massa. In posuere euismod dui. Nunc pharetra enim et velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam bibendum diam eget lorem. Curabitur pretium risus at metus. Aliquam id nulla vel lorem bibendum malesuada. Vestibulum ullamcorper mi in lectus.</p>

<p>Quisque sit amet ligula. Sed lacinia porttitor lacus. Curabitur ut nunc id risus mattis tempor. Fusce hendrerit pede in elit. Mauris lacinia venenatis neque. Suspendisse porta eros a est. Vivamus interdum consequat nibh. Vestibulum ac dolor. Fusce arcu diam, congue id, egestas ut, porttitor nec, erat. Fusce pharetra ante ac ante.</p>

<p>Suspendisse nec nunc. Fusce et risus nec arcu fermentum consectetuer. Nam varius leo eu purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin purus eros, fermentum eget, condimentum nec, viverra in, diam. Fusce adipiscing blandit odio. Proin orci tortor, dapibus in, congue non, egestas ac, justo. Suspendisse molestie. Nunc et mauris. Fusce in dui mollis augue venenatis condimentum. Aliquam erat volutpat. Nam iaculis elit sed massa. Quisque at mauris eu neque dapibus rutrum. Vestibulum libero. Aenean rutrum. Proin vehicula massa ut augue. Integer quam.</p>



</div>

<div id="bildebar">
</div>

<div id="bunnskygge"></div>

<div id="logo"></div>

<div><a href="http://teddyen.net" id="webmaster"></a></div>


<div id="footer"></div>


</body>
</html>

 

CSS:

Klikk for å se/fjerne innholdet nedenfor
/* -------- -------- -------- -------- -------- --------
   U L Y S S E S   C L U B   N O R W A Y
   D E S I G N   O G   K O D E   A V :   T E O D O R
   H T T P : / / T E D D Y E N . N E T
   -------- -------- -------- -------- -------- -------- */

* {
padding: 0; margin: 0;
}

html, body{
width: 100%;
height: 100%;
min-width: 900px;
}

body{
background: #f5f5f5;
}

div#topp, div#mid, div#bunn, div#footer{
width: 100%;
}

div#topp{
background: #5d0000;
height: 100px;
}

div#topp div#headercontainer{
width: 420px;
padding-top: 20px;
padding-left: 30px;
}

div#mid{
background: black;
height: 40px;
}

div#bunn{
background: #ac2800;
height: 40px;
}

div#bunnskygge{
background: url(gfx/bunnskygge.gif) left no-repeat;
height: 14px;
width: 100%;
position: absolute;
left: 0px;
top: 180px;
}

div#innhold{
width: 480px;
padding-left: 30px;
padding-top: 25px;
padding-right: 20px;
background: url(gfx/innholdsbakgrunn.png) top left no-repeat;
float: left;
padding-bottom: 40px;
}

div#bildebar{
width: 336px;
height: 275px;
background: url(gfx/bildebakgrunn.png) bottom no-repeat;
float: left;
}

div#logo{
width: 399px;
height: 321px;
background: url(gfx/logotransparent.png) no-repeat;
position: absolute;
right: 9px;
top: 0px;
}

div#footer{
background: #ac2800;
height: 20px;
position: fixed;
bottom: 0;
}

a#webmaster{
display: block;
background: url(gfx/teddyen.gif);
position: fixed;
width: 204px;
height: 37px;
bottom: 17px;
right: 10%;
}

div#mid ul{
padding-top: 8px;
list-style-type: none;
}

div#mid ul li{
display: inline;
font-family: 'Bitstream Vera Sans', Verdana, 'Lucida Sans Unicode', Tahoma;
letter-spacing: 1pt;
font-size: 13pt;
margin-left: 10px;
text-transform: uppercase;
}

div#mid ul li a{
color: white;
text-decoration: none;
}

div#mid ul li a:hover{
color: #ad0000;
}

#forstelink{
margin-left: 20px;
}

/* -------- -------- --------
   T Y P O G R A F I
  -------- -------- -------- */

body{
font-size: 11pt;
font-family: Verdana, Arial, 'Lucida Sans Unicode', Tahoma, 'Bitstream Vera Sans';
line-height: 15pt;
}

h1{
color: white;
font-family: 'Trebuchet MS', 'Bitstream Vera Sans, Tahoma',  'Lucida Sans Unicode';
font-size: 17pt;
font-weight: normal;
}

h2{
color: white;
font-family: Verdana;
font-size: 12pt;
}

div#bunn h2{
padding-top: 8px;
padding-left: 30px;
}

/* -------- -------- -------- -------- -------- --------
   D I V E R S E   T A G S   O G  K L A S S E R
  -------- -------- -------- -------- -------- -------- */

p{
padding-bottom: 1em;
}

.alignright{
float: right;
}

 

CSS: IE57HACKS:

Klikk for å se/fjerne innholdet nedenfor
div#logo{
width: 394px;
height: 318px;
background: url(gfx/logoie.gif) no-repeat;
position: absolute;
left: 606px;
top: 0px;
}

div#footer, div#bunn{
background: #a32001;
}

a#webmaster{
display: none;
position: absolute;
bottom: 0px;
right: 10%;
}

div#bunnskygge{
top: 178px;
}

div#mid ul li{
letter-spacing: 0pt;
}

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Arve Systad

Arve Systad

Skrevet
Skrevet
Klabert, men den ligger ikke på nett. Neste gang skal jeg slenge ut en .zip istedet.

Fikset problemet etter litt spenstig CSS. Takk for hjelpen uansett.

7990793[/snapback]

 

Sånn til neste gang, så er det lettare å berre legge ut sida på nett i eit par dagar for å få support, enn at vi må laste ned sida di og opne den lokalt :)

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å
Gå til emneliste
×
×
  • Opprett ny...