Søg
Avatar billede styrmand Nybegynder
23. januar 2003 - 12:03 Der er 9 kommentarer

Forskel på IE og NS

Hvad er det lige, som medfører at de her nestede divs vises forskelligt i IE6 og NS6-7?
<Div id="BudDiv" style=""position:relative;background-color:Black;layer-background-color:black;top:0;width:300;height:200;clip:rect(0 300 200 0);border:0;padding:0;">
<Div id="BudDiv2" style="Color:black;font-weight:bold;position:relative;background-color:Silver;layer-background-color:Blue;left:5;top:5;width:280;height:190;clip:rect(0 280 190 0);padding:5">
</div></div>
Jeg kan sagtens få vist det rigtigt i begge browsere, men jeg mener der er en generel årsag. Har det noget at gøre med at de opfatter padding eller border forskelligt?
Avatar billede styrmand Nybegynder
23. januar 2003 - 12:05 #1
Nå der er lige en fejl i diverne (et overflødigt sæt gåseøjne). Sådan her skal de se ud:
<Div id="BudDiv" style="position:relative;background-color:Black;layer-background-color:black;top:0;width:300;height:200;clip:rect(0 300 200 0);border:0;padding:0;">
<Div id="BudDiv2" style="Color:black;font-weight:bold;position:relative;background-color:Silver;layer-background-color:Blue;left:5;top:5;width:280;height:190;clip:rect(0 280 190 0);padding:5">
</div></div>
Avatar billede mik789 Nybegynder
23. januar 2003 - 13:02 #2
du bør i hvert fald angive mål med den rette enhed, f.eks. px, altså ikke bare width:300, men width:300px - og tilsvarende med alle andre mål. så er det måske også godt at holde sig til små bogstaver i css. altså black, ikke Black.
Avatar billede mik789 Nybegynder
23. januar 2003 - 13:10 #3
der skal også være px på målene for clip + komma imellem. Altså:

clip:rect(0px, 300px, 200px, 0);
Avatar billede mik789 Nybegynder
23. januar 2003 - 13:17 #4
Her er det. Jeg har tjekket i IE6 og NS6 og kan ikke se forskel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>

<div id="BudDiv" style="position:relative;background-color:black;layer-background-color:black;top:0px;width:300px;height:200px;clip:rect(0px, 300px, 200px, 0px);border:0px;padding:0px;">
<div id="BudDiv2" style="color:black;font-weight:bold;position:relative;background-color:silver;layer-background-color:blue;left:5px;top:5px;width:280px;height:190px;clip:rect(0px, 280px, 190px, 0px);padding:5px;">
</div></div>


</body>

</html>
Avatar billede olebole Juniormester
23. januar 2003 - 13:26 #5
<ole>

styrmand >> Ja, fortolkning og rendering af CSS er desværre yderst browser-specifik ... ikke mindst, hvad angår border-property'en  :(
Prøv dette i IE og NS, så kan du se, hvordan den ene lægger border udenfor ogg den anden indenfor elementet:

<div style="background-color:yellow;width:100px;height:100px;border:5px solid red;">&nbsp;</div>
<div style="background-color:yellow;width:100px;height:100px;">&nbsp;</div>

Løsningen er desværre i menge tilfælde to stylesheets, der anvendes efter et browsercheck  :(

/mvh
</bole>
Avatar billede mik789 Nybegynder
23. januar 2003 - 13:31 #6
olebole> jeg mener ikke der er forskel i opfattelsen af border mellem IE6 og NS6+, men der er hvis vi medregner ældre browsere af begge slags.
Avatar billede olebole Juniormester
23. januar 2003 - 13:32 #7
mik789 >> Det er kun ens, hvis du bruger den angivne DTD ... det fungerer ikke, hvis du skriver til HTML4.01.

Skal man f.eks. skrive til et større system, hvor DTD'en er defineret til 4.01 og man ikke har mulighed (eller adgang) for at rette i dette, er man desværre på spanden.
/mvh
Avatar billede mik789 Nybegynder
23. januar 2003 - 13:37 #8
olebole> du har ret. når jeg fjerner DTD'en bliver der forskel.
Avatar billede styrmand Nybegynder
23. januar 2003 - 15:42 #9
JA, men det har noget at gøre med at NS flytter sig i forhold til padding. Hvis man i eksemplet, angiver padding til værdien 0, opfører de sig identisk.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
I går 11:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
White papers
Flere white papers »