hjälp med css

2011-06-26 21:53

Permalänk

pandy24

Avstängd

Registrerad: Feb 2010

●

hjälp med css

Hej

Jag får den här koden att fungera i safari och i chrome men inte i IE9, firefox, opera. Varför fungerar det inte där. problemet är att det inte blir centrerat här har ni koderna.

CSS koderna.

body{
	background: #000000 url(bilder/background.jpg) repeat-x;
	color: #fff;
	font: normal 20px Arial,Helvetica,sans-serif;
	letter-spacing: 1px;
	width:980px;
	margin: 10 px auto;
}
#header{
	width:980px;
	height:278px;
	background: #818181 url(bilder/head.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
}
#main_menu{
	width:980px;
	height: 40px;
	background: #7d7d7d; 
	font: 600 22px tahoma, sans-serif;
}
#main_menu ul{
	list-style-type: none;
	padding: 6px 5px;
	margin: 0;
}
#main_menu ul li{
	display: inline;
	margin: 0 8px;
	padding:4px;
}
 li:hover{
	background:url(bilder/knapp.jpg);
}
a{
	color: 000;
	text-decoration: none;
}
#body{
	width:980px;
	min-height:100px;
	background: #7d7d7d;
	border: 0px;
	margin: 50px 0 0 0; 
	padding: 0px;
}

HTML koderna

<html>
<head>
<title>
Andreas
</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"></div>
<div id="main_menu">
<ul>
<li><a href="#">Hem</a></li>
<li><a href="#">Om</a></li>
<li><a href="#">Hej på dig</a></li>
<li><a href="#">Vad gör du</a></li>
</ul>
</div>
<div id="body">
hej
</div>
</body>
</html>

Visa signatur

Rapportera Redigera

Citera flera Citera

2011-06-26 22:01

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

lägg till <!doctype html>högst upp i din HTML.

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera

2011-06-26 23:07

Permalänk

Dosshell

Medlem ★

Plats: Göteborg
Registrerad: Jun 2006

●

"margin: 10px auto" på body skall inte göra så att innehållet centreras? Det är nog webkit som har fel.
flytta margin till #main_menu istället.

Visa signatur

citera!

Rapportera Redigera

Citera flera Citera

2011-06-27 00:18

Permalänk

You

Medlem

Plats: Göteborg
Registrerad: Jan 2007

●

Skrivet av Dosshell:

"margin: 10px auto" på body skall inte göra så att innehållet centreras? Det är nog webkit som har fel.

Gå till inlägget

Jo, om <body> bara är 960px bred och <html> är bredare (dvs 100%). Jag vet dock inte hur stödet för att sätta bredder på body är, jag vet att det går i Safari och det borde gå i Firefox (om Firefox följer alla standarder och jag tolkat dem rätt), men det är tveksamt om IE vill samarbeta på den punkten.

Jag säger dock som Teknocide, lägg till ett doctype-fragment så kanske rätt layoutläge triggas och allt börjar fungera.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Rapportera Redigera

Citera flera Citera

2011-06-27 01:16

Permalänk

Dosshell

Medlem ★

Plats: Göteborg
Registrerad: Jun 2006

●

Skrivet av You:

Jo, om <body> bara är 960px bred och <html> är bredare (dvs 100%). Jag vet dock inte hur stödet för att sätta bredder på body är, jag vet att det går i Safari och det borde gå i Firefox (om Firefox följer alla standarder och jag tolkat dem rätt), men det är tveksamt om IE vill samarbeta på den punkten.

Jag säger dock som Teknocide, lägg till ett doctype-fragment så kanske rätt layoutläge triggas och allt börjar fungera.

Gå till inlägget

Ahh, självklart! tänkte inte på det... hehe...

Visa signatur

citera!

Rapportera Redigera

Citera flera Citera

2011-06-27 17:01

Permalänk

pandy24

Avstängd