Menyfel (css)

FunTrix · 2006-06-26, 16:30

Hej,
jag har drabbats av ett dilemma där min meny hamnar lodrätt istället för vågrätt i dreamweavers utvecklingsmiljö samt i ie 7, någon som vet vad detta kan bero på? bifogar en printscreen ur dreamweaver.
Någon som vet hur man kan lösa detta problem?

layout.css

Kod:

	* html .meny{ width: 1px; display: inline-block; }
	* html .meny a{ margin: 0 -2px; display: inline-block; }
	* html .meny li{ display: inline; }
	body{ margin: 0; padding: 0; color: #000; background: #FFF; font: 0.65em Verdana,Arial,Helvetica,sans-serif; }
	.meny{ padding: 0; float: right; padding-right: 10px; display: block; list-style-type: none; white-space: nowrap; }
	.meny a{ padding: 4px 9px; display: block; color: #FFF; background: #000; font-size: 12px; text-decoration: none; }
	.meny a:hover{ color: #FFF; background: url(img/menu_bg_green.jpg); }
	.meny li{ display: table-cell; }
	.right{ margin: 0 14px 0 auto; }
	.searchbutton{ border: 1px solid #000; background: url(img/button_green.jpg); font-size: 10px; height: 23px; }
	#logo{ width: 70%; float: left; margin: 10px 0px 30px 10px; color: #5FC100; height: auto; }
	#innertop{ width: 100%; padding-bottom: 0px; float: left; background: url(img/top_bg.jpg) repeat-x; height: auto; }
	#innertopw{ margin-right: auto; margin-left: auto; width: 92%; height: auto; }
	#kolumn1,#kolumn2{ float: left; width: 200px; margin: 0 5px; }
	#line{ float: left; width: 100%; margin: 0px; padding: 0px; background: url(img/line_green.jpg) repeat-x; height: 20px; }
	#search{ width: auto; margin: 10px 20px 0px 0px; float: right; color: #FFF; height: 60px; }
	#top{ padding-top: 25px; padding-bottom: 0px; float: left; width: 100%; background: #000;}
	#wrapper{ width: 100%; float: left; background: #FFF;}
	#menu{ height: auto; width: 100%; float: right;}

sidan.php

Kod:

<!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="sv" lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<link href="layout2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top"><div id="innertopw"><div id="innertop"><div id="logo">
 <p>Beta version 1. </p>
</div><div id="search"><strong>Search</strong><br />
  <label>
   <input type="text" name="textfield" />
  </label>
  <label>
  <input type="submit" name="Submit" value="Search" class="searchbutton" />
  </label>
</div></div>
<div id="menu">
 <div class="menu">
  <ul class="meny right"><li><a href="#" title="Gå till startsidan">Startsida</a></li><li><a href="#">Anteckningar</a></li><li><a href="#">Filarkiv</a></li><li><a href="#">Länkarkiv</a></li><li><a href="#">Inställningar</a></li><li><a href="#">Filewalk</a></li></ul></div></div></div></div>
<div id="line"></div>
<div id="kolumn1"><p>Kolumn1: texten i kolumnen...</p></div>
<div id="kolumn2"><p>Kolumn2: texten i kolumnen...</p></div>
</body></html>

Ämnesverktyg
Visa utskriftsvänlig version E-posta den här sidan
Visningsalternativ
Växla till linjär visning Växla till hybrid-visning Trådad visning

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Menyfel (css)