webForumDet fria alternativet

hjälp med css - firefox o explorer visar olika

HTML & CSSur HTML, XHTML & CSS

4 svar · 394 visningar · startad av oola

oolaMedlem sedan feb. 2004123 inlägg
#1

Eftersom jag inte är så grym på css och mest klipp o klistrat från andra sidor behöver jag nu hjälp.

Kolla in denna sida:

http://www.andersbergstrom.com/test.php

I Firefox ser allt bra ut men i Explorer ser det knas ut. Kan ngn förklara vad jag måste göra för att få till det?

css:en ser ut såhär:

body {
	text-align: center;
	padding: 50px 0;
	margin: 0;
	}

h1 {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	font-size: 1px;
	height: 100px;
	text-indent: -2000px;
	background: url(bilder/logo.png);

	}

h2 {
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	color: #434343;
	font: 18px/25px Georgia, Times New Roman, Times, serif;
	}
	
p { 
	margin: 1 1 15px 0; 
	padding: 0 0 0 20px;
	}
	
#container {
	text-align: left;
	border: 1px solid #545454;
	width: 600px;
	margin: 0 auto;
	font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
	}

#meny {

	border-style: solid;
	border-color: #545454;
	border-width: 1px 0;
	height: 25px;
	padding: 0 0 0 5px;
	}
	
	#meny ul {
		margin: 0 0 0 -40px;
		margin: 0;
		list-style: none;
		text-align: center;

		}
		
	#meny ul li {
		display: inline;
		padding: 0 0 0 25px;

		}

	#meny ul li a {
		color: #000;
		font: bold 14px/25px Georgia, Times New Roman, Times, serif;
		text-decoration: none;
		padding: 3px 8px;
		}

	#meny ul li a:hover {
		text-decoration: underline;
		}
	
#slut {
	clear: both;
	border-top: 1px solid #545454;
	padding: 5px;
	}
	
	#slut p {
		color: #3d492b;
		font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 3px 400px;
		}

#innehall {
	float: left;
	width: 600px;
	padding: 2px;
	margin: 0 5px 0 0;
	}

	#innehall img {
		border: 1px solid #828282;
		padding: 0px;
		margin: 10px;
		}
oolaMedlem sedan feb. 2004123 inlägg
#2

Ingen som kan se vad som är fel?

joel_sundkvistMedlem sedan feb. 2003240 inlägg
#3

Du har ett antal fel i din css-syntax som bör fixas först...

ex:

margin: 1 1 15px 0;

skall vara

margin: 1[b]px[/b] 1[b]px[/b] 15px 0;

Du måste alltid ange en enhet så fort siffran är högre än 0.

Trebuchet MS tillhör familjen "Sans-Serif", de övriga tillhör Serif precis som du angett. Trebuchet MS och Times New Roman skall omslutas av "".

font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;

skulle kunna vara:

font: 13px/19px [B]"[/B]Trebuchet MS[B]"[/B], Arial, Helvetica, Sans-Serif;

Testade sidan i MSIE 5.2 för mac och såg ingen större skillnad jämfört med firefox. Det enda spontana jag upptäckte var att menyn inte var centrerad i MSIE.

Kan du ta ett screenshot från MSIE Win så är det lättare att hjälpa? :)

msie-mac.jpg
InsiderMedlem sedan jan. 2000978 inlägg
#4
#innehall {
	float: left;
	width: 600px;
	padding: [b]0px[/b];
	margin: 0 [b]0px[/b] 0 0;
}

Höger padding och höger margin var inte satta till noll. Därför blev det ett glapp, som tydligen inte visas på Mac.

oolaMedlem sedan feb. 2004123 inlägg
#5

Tackar! Ska kolla allt när jag kommer hem, hör av mig igen om det inte hjälper.

141 ms totalt · 3 externa anrop · v20260731065814-full.29ac60f6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)