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

Lenke til kommentar

Videoannonse

uranus

Lenke til kommentar

B4stian

Lenke til kommentar

B4stian

Lenke til kommentar

genstian

Lenke til kommentar

sindreij

Lenke til kommentar

B4stian

Lenke til kommentar

MirusMentis

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

RTX 5090 - 8900 XTX (9070 XT) Utgivelse dato - Rytker? 1 2 3 4 31

Hvem er aktive 0 medlemmer