IE vs FF, Chrome

Tags:    programmering

Jeg er helt ny webdesigner, skal bare lige have konkluderet nu med afstemning af om man skal tilpasse sig IE, om det gælder den nye IE8 også?

Om i tilpasser jer IE, og om jeg burde det?

Sidder og laver en hjemmeside som helst skal fungere godt og nemt. Det var hele pointen. Sygo nem hjemmeside.
Men det jo = umuligt når IE laver hjemmelavede koder, såvidt jeg forstod? Hver gang jeg laver en simpel kode, fungere det ikke i endten FF eller IE. Og det så IE der er synderen?

Hvis jeg skal tilpasse mig IE, hvordan er det så lige man lave specifikke koder til 1 bestemt browser?



6 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 8 karma
Sorter efter stemmer Sorter efter dato
Henne*

Kunne ikke lade være :D




Om i tilpasser jer IE, og om jeg burde det?


Ja, jeg tilpasser mine site's til IE, og da en rigtig stor procentdel af brugerne benyttet IE bør du og alle gøre så din side passer i mindst IE og FF, men du bør lære at lave din side så den passer i alle browsere...



Men det jo = umuligt når IE laver hjemmelavede koder, såvidt jeg forstod? Hver gang jeg laver en simpel kode, fungere det ikke i endten FF eller IE. Og det så IE der er synderen?

IE og FF tolker ens, men der er forskel på hvor kræsne de er i forhold til din kodning... sandsynligvis der dit problem ligger


Hvis jeg skal tilpasse mig IE, hvordan er det så lige man lave specifikke koder til 1 bestemt browser?


du bør som sagt læse lidt om XHTML og så køre i den rigtige doctype. Hvad angår doctype og XHTML vil jeg lade nogle andre forklare det. men html.dk skriver om det i hvert fald, de har desuden nogle gode artikler og et godt forum hvis der er andet du mangler :) prøv ad, ellers spørger du bare ad igen ;)

programmering/kodning er om fejlsøgning og om at tilrage sig viden :) selve det at kunne programmere/kode kommer hen ad vejen :D

håber det hjalp, mvh. mikkel



IE er så stor en spiller på banen (selv om både FF og Chrome er bedre (efter min mening)), at jeg vælger, at tingene skal virke begge "tre" steder. Det kan godt være en smule fustrende, men rammer som regel tilbage, til en selv, pga. for meget slam-kode.
Undskyld udtrykket, jeg slam-koder selv, gerne med en øl i den ene hånd, og en cigar i den anden.




Tja... svært at sige...

Jeg vil sige at du bør ta' udgangs punkt i IE 8 og FireFox 3. Hvis du gør det så er du ret stort dækket ind.

Der som er virkelig lækkert, set ud fra et udviklings mæssigt synspunkt, er at IE 8 tillader to tilstande hvor på du kan se din webside - dette har man valgt at kalde for "compatibility mode" og vil i bund og grund sige at Microsoft har efter mange år fundet ud af der anno 2009 faktisk er noget som heder CSS standarder ;-) Nice, ikke?

Men, dette havde Microsoft altså ikke opdaget da man sendte IE7 og tidligere på markedet. Du bør ikke tage ufatteligt stort hensyn til browsere ældre end IE7 - der er så forsvindene få som bruger denne browser, og dem som gør skal seriøst overvejde at opgradere - meget er sket siden 2006(IE 7 blev frigivet i år 2006 - XP version, altså)

I øvrigt så kan jeg varmt anbefalse dig at studere http://www.w3schools.com hvis du gerne vil lære (X)HTML, CSS, Javascript, osv.

Det er en rigtigt go' ide at du er HELT medpå hvordan du bruger HTML, CSS og javascript inden du begynder på rigtigt at programmere. ^^



Okay.. Det lyder som begynder fejl.. :P

Kan se at du skriver under din profil, at du er igang med at lære at lave hjemmesider i html og css.. Hvor læser du om det hende?

FF og IE7/8 tolker koden ens(I de fleste tilfælde), dog er der problemer hvis man ikke anvender korekt doctype og følger standarderne.. For at gøre det nemmere for dig selv kan du læse lidt om XHTML..

- Men prøv at poste den kode som du har skrevet, så skal jeg hjælpe dig lidt på vejs med at få det til at se ens ud i begge browsere :)



Okay.. Det lyder som begynder fejl.. :P

Kan se at du skriver under din profil, at du er igang med at lære at lave hjemmesider i html og css.. Hvor læser du om det hende?

FF og IE7/8 tolker koden ens(I de fleste tilfælde), dog er der problemer hvis man ikke anvender korekt doctype og følger standarderne.. For at gøre det nemmere for dig selv kan du læse lidt om XHTML..

- Men prøv at poste den kode som du har skrevet, så skal jeg hjælpe dig lidt på vejs med at få det til at se ens ud i begge browsere :)


Jeg har brugt både www.html.dk og www.hjemmesideskolen.dk og de er gode startsider. Sprang dog xhtml over da for mig så det ud som at det var en helt 3 ting.... Det vil jeg lige sætte mig ind i...

Efter at have skrevet dette, læste jeg mig frem til at der var en gammel tolkning af koder og en standard nu.... Eller noget. Jeg fik ihvertfald kopieret en doctype ind og så så det hele meget bedre ud. :)

Jeg valgte at bruge en masse bokse for at kunne centrere i begge browsere, tror dog ikke den yderste er nødvendig mere....

Her er koden og så er der 1 fejl mere som jeg ikke fatter.... Det er min menu. Men prøv at kigge på den engang, den er fin i IE, men lidt ondsvag i FF og chrome og ikke helt centreret.

:::::::::::::::::
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" value="text/html; charset=ISO-8859-1">
<!-- Minus AutoDato -->
<title>Thurø Minigolf - Smørmosen Strand</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link rel="stylesheet" type="text/css" href="moselort.css">
</head>
<body id="body">
<div id="indhold4">
<div id="indhold3">
<div id="hovedbillede">
<img src="hovedpicture.jpg" width="768" height="90" border="0px"></div>
<div id="Menu">
<ul><li><a href="#"><span>Forside</span></a></li>
<li><a href="#"><span>Banen</span></a></li>
<li><a href="#"><span>Friområde</span></a></li>
<li><a href="#"><span>Åbningstider/Spillepriser</span></a></li>
<li><a href="#"><span>Kontakt</span></a></li></ul></div>
<div id="indhold1">Velkommen til Thurø Minigolf</div>



<div id="indhold2">» Europas sjoveste Minigolfbane og Svendborgs bedste badestrand ligger i Smørmosen på Thurø.
<p align="center"><img src="lorte-blæksprut.jpg" width="420" height="325" border="2px"></p>
<p align="left"><span class="table"><br>
» Udflugtsmål for hele familien. Stort friareal med gratis aktiviteter for børn og voksne. Dejlig badestrand med Badebro.
<br /><br />
<table align="center" width=280 border=0 cellpadding=0 cellspacing=0 dwcopytype="CopyTableCell">
<tbody align="center">
<tr bgcolor="#A0CEF8" align="center">
<td width="425" height="10" bgcolor="#A0CEF8"
style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px"><span class="contentbold" ><font face=verdana size=2><span style="font-weight: bold">MINIGOLF - SLIKKIOSK - GRILLBAR</span></font></span></td>
</tr>
</tbody>
</table></div>



</div></div>
</body>
</html>

:::::::::::::::::

#hovedbillede {
text-align:center;
}
#Menu {
font-family: Arial;
border-bottom: 10px solid #A0CEF8;
}
#Menu ul {
text-align: center;
margin: 3px 3px 3px 3px;
}
#Menu li {
display: inline;
}
#Menu li a {
padding: 3px 3px 3px 3px;
color: #5d5350;
font-weight: bold;
}
#Menu li a span {
padding: 7px 10px 6px 0px;
}
#Menu li a:hover span {
color:green;
}
#indhold1{
text-align:left;
width:768;
margin-top:1%;
margin-bottom:1%;
margin-left:auto;
margin-right:auto;
position:relative;
padding: 7px;
color:#5d5350;
background:#eef;
border:solid 2px #5d5350;
font-weight: bold;
font-size: 120%
}
#indhold2{
width:auto;
margin-top:1%;
margin-bottom:1%;
margin-left:auto;
margin-right:auto;
position:relative;
padding: 10px;
text-align:left;
color:black;
background:#eef;
border:solid 1px #669; ---------ÆNDRES TIL #eef------
}
#indhold3{
width:96%;
margin-top:0%;
margin-bottom:0%;
margin-left:auto;
margin-right:auto;
position:relative;
padding: 10px;
color:black;
background:#eef;
border:solid 5px #A0CEF8;
}
#indhold4{
width:800px;
margin-top:0%;
margin-bottom:5%;
margin-left:auto;
margin-right:auto;
padding: 2px;
text-align:center;
color:black;
background:#;
border:solid 1px #A0CEF8;
}


:::::::::::::::::::::::



t