Css problem i IE?

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Aqoure
Begynder
Indlæg:11
Tilmeldt:19. sep 2011, 01:29
Css problem i IE?

Indlæg af Aqoure » 19. sep 2011, 01:45

Hey herinde.

Det er første gang jeg skriver, så håber der er hjælp til det problem jeg står i pt.

Jeg kan ikke "vise" mit det problem jeg står i, men håber alligevel mit problem er til at forstå, men kan vise nogen SS = Screenshot så vil jeg mene det giver lidt mere mening:

Firefox & Chrome = http://www.myupload.dk/handleupload/ec8 ... 1316389181
Internet Explore = http://www.myupload.dk/handleupload/865 ... 1316389224

Hvis i ligger mærke til så er headeren altså det pic i midten hvor der er den mixer og headset på, den er ikke samme sted som i Firefox & Chrome, jeg kan lige vise mit setup som det ser:

Html:

Kode: Vælg alt

<!DOCTYPE html>
		<html lang="en-US">
			<head>
				<title> Dj Boye - Om mig </title>
				<meta charset="utf-8" />
				<meta name="keywords" content="HTML 5, structure, doc structure" />
				<meta name="description" content="A simple HTML 5 doc structure" />
				<link rel="shortcut icon" href="../../images/djboye.ico">
				<link rel="stylesheet" type="text/css" href="../../include_css/style.css" /> 
			</head>
			<body>
				
				<div id="template">
					
					<div id="banner">
						
						<a href=""><img id="fb" src="../../images/template_1/07.gif" /></a>
						<a href=""><img id="tw" src="../../images/template_1/10.gif" /></a>
						
					</div>
					
					<div id="menubar_1"></div>
					
					<a href="../../"><img id="home" src="../../images/template_1/15.gif" /></a>
					<a href="../OmMig"><img id="ommig" src="../../images/template_1/16.gif" /></a>
					<a href="../Billeder"><img id="billeder" src="../../images/template_1/17.gif" /></a>
					<a href="../Radio"><img id="radio" src="../../images/template_1/18.gif" /></a>
					<a href="../Links"><img id="links" src="../../images/template_1/19.gif" /></a>
					<a href="../Kontakt"><img id="kontakt" src="../../images/template_1/20.gif" /></a>
					
					<div id="menubar_2"></div>
					
					<div id="header"></div>
					
					<div id="footer"></div>
					
					<a id="login" href="../Login">Login</a>
					
				</div>
Css:

Kode: Vælg alt

@charset "utf-8";
/* CSS Document */

body {

		background-image:url(../images/25fohua.png);
		background-repeat: repeat-x;
		color:#FFFFFF;
}

#template {

		width:748px;
		height:900px;
		margin-left: auto;
		margin-right: auto;
		margin-top:20px;
}

#banner {

		background-image:url(../images/template_1/04.gif);
		height:81px;
		width:748px;
}

#fb {

		position:absolute;
		margin-top:26px;
		margin-left:609px;
		border-style:none;
}

#tw {

		position:absolute;
		margin-top:27px;
		margin-left:637px;
		border-style:none;
}

#menubar_1 {
	
		background-image:url(../images/template_1/14.gif);
		height:38px;
		width:159px;
		margin-top:20px;
		float:left;
}

#home {

		float:left;
		margin-top:20px;
		border-style:none;
}

#ommig {

		float:left;
		margin-top:20px;
		border-style:none;
}

#billeder {

		float:left;
		margin-top:20px;
		border-style:none;
}

#radio {

		float:left;
		margin-top:20px;
		border-style:none;
}

#links {

		float:left;
		margin-top:20px;
		border-style:none;
}

#kontakt {

		float:left;
		margin-top:20px;
		border-style:none;
}

#menubar_2 {

		background-image:url(../images/template_1/21.gif);
		height:38px;
		width:149px;
		margin-top:20px;
		float:left;
}

#header {

		background-image:url(../images/template_1/23.gif);
		height:287px;
		width:747px;
		margin-top:57px;
		margin-left:1px;
}

#footer {

		background-image:url(../images/template_1/24.gif);
		height:151px;
		width:746px;
}

#login {

		float:right;
}
Spørgsmål:

Kan en forklare mig hvorfor IE ikke viser det samme?, og hvordan jeg fikser så den viser det samme som den gør i Firefox & Chrome?
Er nemli gået tør for løsninger for hvordan jeg fikser det.

Jeg takker på forhånd om lidt hjælp til at løse mit problem

// Aqoure

Brugeravatar
Daniel
Admin
Admin
Indlæg:625
Tilmeldt:14. jun 2011, 09:27
Geografisk sted:Danmark, Fyn, Nørre Aaby
Kontakt:

Re: Css problem i IE?

Indlæg af Daniel » 19. sep 2011, 08:04

Hej Aqoure.

Jeg kan godt fortælle dig hvorfor der er forskel på om det vises i IE eller i Fire Fox og Google Chrome. :)
Man kan risikere uanset hvad man laver at der bliver en lille forskel i de forskellige browsere, det har noget med at gøre hvordan de er sat op og sådan. :)
Hvad du så kan gøre eller om du kan gøre noget ved jeg enlig ikke, har ikke selv stået overfor problemet endnu, men jeg er da sikker på at nogle af de andre herinde ved det. :)

Brugeravatar
webudvikleren
Rutineret
Rutineret
Indlæg:80
Tilmeldt:13. jun 2011, 21:11
Geografisk sted:Esbjerg
Kontakt:

Re: Css problem i IE?

Indlæg af webudvikleren » 19. sep 2011, 08:24

IE sux! Sådan er det bare. Så når du sidder og leger med sådan noget CSS noget, så lav det trinvist og sikre dig at samtlige browsere viser det ens. Det sker sjældent med mindre man holder sig til meget basic ting. Det overrasker tit en hvor mange "ekstra" margin:0; og padding:0; man skal tilføje hist og her...

Det er at gå det slavisk igennem. Læg en baggrundsfarve på det område som generer. Så kan du bedre se hvor det er du skal have defineret en højde i din CSS.

Kager det hele, har du mulighed for at placere CSS filer til IE alene - og til de forskellige udgaver.
Det kan du læse om her: http://css-tricks.com/132-how-to-create ... tylesheet/

God fornøjelse :)

Aqoure
Begynder
Indlæg:11
Tilmeldt:19. sep 2011, 01:29

Re: Css problem i IE?

Indlæg af Aqoure » 19. sep 2011, 15:24

Takker for svarene.

Webudvikleren:

Den med at lave en seperat css fil til IE, har jeg prøvet og kan ikke forstå hvorfor jeg ikke kan få den til at virke, der sker narder når jeg har jeg smidt den ind, har prøvet rigtig mange muligheder.

Kan du sige mig hvordan den her skal se ud så den virker?:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Danielh007:

I know ved godt at man kan risikere IE viser noget andet istedet for det rigtige, det var skam for at få en måde hvordan jeg fik løst problemet, men tak any way for svaret.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Css problem i IE?

Indlæg af ThomasI » 20. sep 2011, 20:46

Hedder din CSS fil til IE "all-ie-only.css" ?

Du har nok gjort det, men du skal ændre i navnet så den rent faktisk kan finde dit CSS sheet du har lavet til IE. ;)

Prøv at lave en CSS fil til IE hvor du slet ikke bruger baggrundsbilledet, og skift så mellem browserne, så kan du ihverfald se om det virker, for hvis der ikke er baggrundsbillede i IE mens der f.eks er i Firefox, så ved du ihvertfald at IE bliver fodret med et andet stylesheet....

Aqoure
Begynder
Indlæg:11
Tilmeldt:19. sep 2011, 01:29

Re: Css problem i IE?

Indlæg af Aqoure » 20. sep 2011, 21:10

ThomasI:

Tak du hjalp med at finde en meget dum fejl, havde skrevet:

<link rel="stylesheet" type="text/css" href="ie_style.css" />
<link rel="stylesheet" type="text/css" href="include_css/style.css" />

Istedet for at skrive det den mappe navn, så den rent faktisk kan finde den css.

Det jo ikke helt ligemeget, så det kan måske være derfor der ikke sker en meter når jeg prøver at ændre noget

Takker for den venlige hjælp, jeg fik løst mit problem så jeg kan komme videre.

Fikset

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Css problem i IE?

Indlæg af ThomasI » 20. sep 2011, 21:33

KANON :D

Fortsat held og lykke med dit projekt...Du skriver bare igen hvis du skulle have nogle spørgsmål!

Aqoure
Begynder
Indlæg:11
Tilmeldt:19. sep 2011, 01:29

Re: Css problem i IE?

Indlæg af Aqoure » 21. sep 2011, 16:46

ThomasI:

Ja, og jeg takker, skal jeg nok.

Man vil jo altid prøve og lære noget nyt.

Besvar