Trenger hjelp! Siden bugger i IE!

B4stian · 21. januar 2005

Det er denne siden jeg snakker om, i Opera fungerer den utkerket, men i IE legger den siste meny-knappen "Linker" seg på neste linje! Help!

uranus · 21. januar 2005

Prøvd å gjøre divene med menyene litt kortere?eller velge width: auto; ?

B4stian · 21. januar 2005

Ja, men det funker ikke

Legger med kodene:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>

<title>Ghost Bear - The Counter Strike Clan!</title>
<meta http-equiv="Content-Language" content="no-bok">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link href="./style.css" rel="stylesheet" type="text/css">

<script type="text/javascript"><!--//--><![CDATA[//><!--

startList = function() {
if (document.all&&document.getElementById) {
	navRoot = document.getElementById("nav");
	for (i=0; i<navRoot.childNodes.length; i++) {
		node = navRoot.childNodes[i];
		if (node.nodeName=="LI") {
			node.onmouseover=function() {
				this.className+=" over";
			}
			node.onmouseout=function() {
				this.className=this.className.replace(" over", "");
			}
		}
	}
}
}
window.onload=startList;

//--><!]]></script>

</head>
<body>

<div class="container">
<div id="header"></div>
<div id="meny"><ul id="nav">

<li id="first">
	<div><a href="">Clanen</a></div>
	<ul>
		<li><a href="#">Medlemmene</a></li>
		<li><a href="#">Om Ghost Bear</a></li>
		<li><a href="#">Info om IRC-kanal</a></li>
		<li><a href="#">Info om webside</a></li>
</ul>
</li>
<li>
	<div><a href="">Bilder</a></div>
	<ul>
		<li><a href="#">PCW</a></li>
		<li><a href="#">Public</a></li>
		<li><a href="#">Trening</a></li>
</ul>
</li>

<li>
	<div><a href="">Forum</a></div>
	<ul>
		<li><a href="#">Forside</a></li>
		<li><a href="#">Ghost Bear  Medlemmene</a></li>
		<li><a href="#">Ghost Bear  Generelt</a></li>
		<li><a href="#">Annet - Diverse</a></li>
</ul>
</li>

<li id="last">
	<div><a href="">Linker</a></div>
	<ul>
		<li><a href="#">FeiM</a></li>
		<li><a href="#">CoFu</a></li>
		<li><a href="#">SoD</a></li>
		<li><a href="#">WffHW.No</a></li>
		<li><a href="#">Super Gamerz</a></li>
</ul>
</li>
</ul>
<hr /></div>
<div id="main"><br><h3 class="margin">Dette er den midlertidige hp'en til Ghost Bear, nå ligger det kun noe info om medlemmene og det siste nyhetsbrevet her. Siden er under arbeid så mer vil komme snart!</h3></div>
<div id="menu"><br><p class="margin">Ghost Bear Login</p>
<table width="130" height="100" border="0">
<tr>
<td><form name="form1" method="post" action="check.php">
<table width="160" border="0">
<tr> 
<td width="80"><input name="username" type="text" id="username"></td>
</tr>
<tr> 
<td><input name="password" type="password" id="password"></td>
</tr>
</table>
<input type="submit" name="Submit" value="Login">
</form> 

</td>
</tr>
</table></div>
</div>

</body>
</html>

/* ---------- MENY ---------- */

body {
font-family: arial, helvetica, serif;
font-size: 80%;
padding: 3em;
margin: 0;
}

}
html>body #content {
width: 32em;
} 

a {
text-decoration: none;
}

a:link {
color: #080;
}

a:visited {
color: #071E92;
}

a:active {
color: blue;
}

a:hover {
text-decoration: underline;
}

h1 {
text-align: center;
padding: 0 0 0.25em 0;
margin: 0;
}

ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav a {
font-weight: bold;
color: black;
}

#nav a {
text-decoration: none;
}

#nav li li a {
display: block;
font-weight: normal;
color: #060;
padding: 0.2em 10px;
}

#nav li li a:hover {
padding: 0.2em 5px;
border: 5px solid #405A7D;
border-width: 0 5px;
}

li {
float: left;
position: relative;
width: 10em;
text-align: center;
cursor: default;
background-color: white;
border: 1px solid #405A7D;
border-width: 1px 0;
}

li#first {
border-left-width: 1em;
}

li#last {
border-right-width: 1em;
}

li ul {
display: none;
position: absolute;
top: 100%;
left: 0;

font-weight: normal;
border: solid 1px #405A7D;
}

li>ul {
top: auto;
left: auto;
}

li li {
display: block;
float: none;
background-color: #FFF;
border: 0;
}

li:hover ul, li.over ul {
display: block;
}

hr {
display: none;
}

p {
clear: left;
padding: 1em 1em 0 1em;
margin: 0;
}

p.image {
float: right;
font-size: 0.8em;
text-align: center;
color: #5578A5;
padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
display: block;
border: 1px solid #7d6340;
}

/* ---------- MENY SLUTT ---------- */

--- * --- * --- * --- * --- * ---

/* ---------- MARGIN & PADDING PÅ SIDEN ---------- */

* {
margin: 0;
padding: 0;
}

/* ---------- DIVS ---------- */

div.container {
width: 506px;
margin: 0 auto;
}

div#header {
width: 504px;
height: 120px;
background-image: url(header.jpg);
}

div#meny {
width: 504;
height: 15px;
}

div#main {
width: 334px;
height: 370px;
overflow: auto;
background-image: url(main.jpg);
float: left;
}


div#menu {
width: 170px;
height: 370px;
overflow: auto;
background-image: url(menu.jpg);
float: right;
}


/* ---------- BAKGRUNN ---------- */

html { 
background: rgb(200,200,200);
}

/* ---------- LINKER ---------- */

a {
text-decoration:none;
color:#1F1F1F;
}

a:hover {
text-decoration:none;
color:#D60000;
}

a:active {
text-decoration:none;
color:#6E82DC;
}

a:visited {
text-decoration:none;
color:#1F1F1F;
}

a:visited:hover {
text-decoration:none;
color:#D60000;
}

/* ---------- a-IMG ---------- */

a img {
border: none;
}

/* ---------- FONTS ---------- */

p {font-family: verdana}

p {color: rgb(230,230,230)}

p {
font-family: verdana;
color: rgb(230,230,230);
font-size: .9em;
}

h2 {font-family: arial}

h2 {color: rgb(0,0,0)}

h2 {
font-family: arial;
color: rgb(0,0,0);
font-size: .6em;
}

h3 {font-family: arial}

h3 {color: rgb(0,0,0)}

h3 {
font-family: arial;
color: rgb(0,0,0);
font-size: .8em;
}

h4 {font-family: arial}

h4 {color: rgb(135,135,135)}

h4 {
font-family: arial;
color: rgb(135,135,135);
font-size: .8em;
}

p2 {font-family: arial}

p2 {color: rgb(0,0,0)}

p2 {
font-family: arial;
color: rgb(0,0,0);
font-size: .8em;
}

p.margin {margin-left: 0.5cm}
p.margin {margin-right: 0.5cm}
p2.margin {margin-left: 0.5cm}
h2.margin {margin-left: 0.5cm}
h2.margin {margin-right: 0.5cm}
p2.margin {margin-right: 0.5cm}
h3.margin {margin-left: 0.5cm}
h3.margin {margin-right: 0.5cm}
h4.margin {margin-left: 0.5cm}
h4.margin {margin-right: 0.5cm}

.img{margin:12px;}

B4stian · 22. januar 2005

Ingen osm veit?? :cry:

genstian · 22. januar 2005

vel detcer jo posetivt at siden ikke funker i IE

sindreij · 22. januar 2005

Den funker ikke i Firefox heller.

B4stian · 23. januar 2005

Særiøst, noen må vel vite noe? :dontgetit:

MirusMentis · 24. januar 2005

sjekk paddinga di..

Logg inn

Trenger hjelp! Siden bugger i IE!

Anbefalte innlegg

B4stian

Videoannonse

uranus

B4stian

B4stian

genstian

sindreij

B4stian

MirusMentis

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer