html - Samme "højde" i IE og FF - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 > >>

Bruger #4468 @ 27.06.05 18:12

Hvordan er det nu man laver så at ens position: absolute ser ens ud både i IE og i FF?

Mener der er en metode med Javascript til at indsætte en margin eller noget i den stil hvis det er FF men kan ikke helt huske den...

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

20 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #3143 @ 27.06.05 19:01

1.965

Man kan få det til at virke uden JS, og så er der ingen grund til at bruge det. Vil man alligevel bruge forskellig style i IE og andre gøres det sådan (metoden skal ikke bruges i dette tilfælde, der findes en bedre løsning):

Kode

html>body .myclass{ /* den bruger alle andre browsere, da den er mere specifik */
margin-top: 123px;
}

.myclass{ /* den bruger IE, da den ikke fatter den anden */
margin-top:456px;
}

men som sagt er det ikke den bedste løsning. Kom med koden, så skal jeg se om jeg kan finde ud af det.

Bruger #4468 @ 27.06.05 20:00

221

Man kan få det til at virke uden JS, og så er der ingen grund til at bruge det. Vil man alligevel bruge forskellig style i IE og andre gøres det sådan (metoden skal ikke bruges i dette tilfælde, der findes en bedre løsning):

Kode
html>body .myclass{ /* den bruger alle andre browsere, da den er mere specifik */
margin-top: 123px;
}

.myclass{ /* den bruger IE, da den ikke fatter den anden */
margin-top:456px;
}
men som sagt er det ikke den bedste løsning. Kom med koden, så skal jeg se om jeg kan finde ud af det.

Hvilken kode er det du vil have? Som sagt skal det bare virke med alle mine position: absolute og hvis det kan laves med JS generer det ikke mig

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

Bruger #4468 @ 27.06.05 20:03

221

Noget lignende

Kode
<script language="Javascript">
if (browserName=="Microsoft Internet Explorer") 
document.getElementByName("body").style.margin-top = "et_tal";
</script>
Har ikke lige testet det så det kan godt være det ikke hedder margin-top. Ellers er der sikkert en anden der ved det.

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

[Redigeret d. 27/06-05 18:51:57 af Jonas (Decko)]

Hmm det er altså Firefox der skal tjeckes efter. Så prøvede din kode med Firefox istedet for Microsoft Internet Explorer og der virkede den ikke

Bruger #4468 @ 27.06.05 20:08

221

Fandt også selv nogle kodestumper på nettet og fik dette strikket sammen:

Kode

<script language="Javascript">
browsername=navigator.appName;
if (browsername.indexOf("Netscape")!=-1) {browsername="NS"}
if (browsername=="NS") {document.getElementByName("body").style.margin-top = "100"};
</script>

Men det virker heller ikke

Bruger #3275 @ 27.06.05 20:19

1.736

Fandt også selv nogle kodestumper på nettet og fik dette strikket sammen:

Kode
<script language="Javascript">
browsername=navigator.appName;
if (browsername.indexOf("Netscape")!=-1) {browsername="NS"}
if (browsername=="NS") {document.getElementByName("body").style.margin-top = "100"};
</script>
Men det virker heller ikke

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

Den kode vil jo ændre det hvis man bruger netscape. Ikke ie.

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

Bruger #4468 @ 27.06.05 20:20

221

Fandt også selv nogle kodestumper på nettet og fik dette strikket sammen:

Kode
<script language="Javascript">
browsername=navigator.appName;
if (browsername.indexOf("Netscape")!=-1) {browsername="NS"}
if (browsername=="NS") {document.getElementByName("body").style.margin-top = "100"};
</script>
Men det virker heller ikke

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------
Den kode vil jo ændre det hvis man bruger netscape. Ikke ie.

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

Det er også det den skal

Det er nemlig i IE at det hele er skubbet lidt ned. Så det er nemmere bare også at skubbe det hele lidt ned i FF

Bruger #4468 @ 27.06.05 20:25

221

Lavede en ny kode nu som jeg SLET ikke kan forstå ikke virker:

Kode

<script language="Javascript">
<!--
var browserName=navigator.appName; 
if (browserName=="Netscape")
{ 
  document.getElementById("menu").style.top = "120px";

}
}
//-->
</script>

Bruger #3143 @ 27.06.05 20:37

1.965

Glem det javascript. det er alt for besværligt til hvad du skal, og det virker ikke godt. Kom men al koden, eller aller helst: Kom med et link til din side.

Bruger #4468 @ 27.06.05 20:41

221

Glem det javascript. det er alt for besværligt til hvad du skal, og det virker ikke godt. Kom men al koden, eller aller helst: Kom med et link til din side.

Dette er den eneste kode du kan bruge til noget da det er den der laver bøvl:

<div id="menu" style="position: absolute; left:140px; top:130px;">

Og ville da nok mene det Javascript skulle være let nok til det jeg skulle gøre?

Dette er koden i JS jeg prøver at få lavet:

Kode

<script language="Javascript">
<!--
var browserName=navigator.appName; 
if (browserName=="Netscape")
{ 
  document.getElementById("menu").style.top = '120px';
}
//-->
</script>

Og dette er fejlen:

Error: document.getElementById("menu") has no properties

EDIT: Oh angående siden er den endnu ikke lagt på nettet men du kan blot kigge på cyberray.1go.dk. Der er samme fejl i min menu.

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

[Redigeret d. 27/06-05 20:42:13 af Rune Jensen (RoZ)]

Bruger #4468 @ 27.06.05 21:05

221

JS er godt nok lige nu og her, men det er upraktisk at bakse rundt med hvis man er lidt fremadsynet, og det er ikke altid det virker i alle browsere.

En enkelt linje kode er ikke godt nok når man skal finde design-fejl. Der er mange ting der spiller ind.

Den side du linker til og siger den har samme fejl er et glimrende eksempel.

Her er den rigtige løsning: Default marginen på <body> elementet er forskellig fra IE til FF (ikke en fejl, sådan er det bare). Dig store baggrundsbillede i toppen vil derfor være placeret forskelligt i IE og FF. Derved ser det ud som om at menuen har forskellig position i de to browsere. Det er bare ikke tilfældet. Det er nemlig alt det andet der har forskellig position. Løsningen er derfor meget mere simpel end js: Sæt en margin-top på BODY elementet, så du selv bestemmer hvor stor den er.

Haha mindsandten om du ikke har ret

Ja men du skal ihvertfald have MANGE tak for at give dig tid til at hjælpe mig

<< < 1 2 > >>

Samme "højde" i IE og FF

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler