Notifikationer

Markér alle som læst Log ud

radiohead Nybegynder

06. oktober 2006 - 10:55 Der er 8 kommentarer og
1 løsning

Divs højde i forskellige browsere

Jeg har lavet et eksempel over det jeg undre mig over.

http://www.digitaleye.dk/exp/divtest.html

Bredden er præcis den samme i både FF og IE, men højden differerer med 6 pixels.

Hvad er forklaringen?

Jeg havde troet, at det var pga. borderens placering på/i div'et, men når der er 6 pixels til forskel, kan det vel ikke være derfor?

Synes godt om

webdesigner Praktikant

06. oktober 2006 - 11:12 #1

At IExplorer ikke kan enses med alle de ander browsere... om en fældes standart....

har siddet i 3 måneder nu og redigerer på en side.. som IE fucker så meget men FF viser fint... OG jeg går ud af mit gode skind....
det skal dog siges at virker det i IE virker det højest sansynligt i FF (dette sig med forbehold!)

hvad angår dit spørsmål prøv at sætte højden på hele siden...

prøv at sætte en siden højde (top margin) ....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled</title>
</head>

<body margin-top: 8px;>
<div style="border-width:20px; border-style:solid;width:300px;padding:35px;">
<img src="2.jpg" alt="test">dfg dgf dfgdfgd fdg dfgdf gdfg dfg dfg df gdf
<br><br> gdf gfd gd hgfhfghfghfghf fghfg hfgh
dfg df gdf gdf gfd gd hgfhfghfghfghf fghfg hfgh
dfg df gdf gdf gfd gd hgfhfghfghfghf fghfg hfgh
</div>

</body>
</html>

Synes godt om

webdesigner Praktikant

06. oktober 2006 - 11:18 #2

Okay du skal bruge css...

men denne virker...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">

</style></head>

<body>
<div style="border-width:20px; border-style:solid;width:300px;padding:35px;">
<img src="2.jpg" alt="test">dfg dgf dfgdfgd fdg dfgdf gdfg dfg dfg df gdf
<br><br> gdf gfd gd hgfhfghfghfghf fghfg hfgh
dfg df gdf gdf gfd gd hgfhfghfghfghf fghfg hfgh
dfg df gdf gdf gfd gd hgfhfghfghfghf fghfg hfgh
</div>
</body>
</html>

Synes godt om

radiohead Nybegynder

06. oktober 2006 - 11:23 #3

Du brugte jo også halvt css i første eksempel(uden at starte den med style=") :)

Men nej, boksene differere stadig med 6 pixels :)
Og hvorfor skulle en margin-top på body'et gøre en forskel på divs'enes højde?

Synes godt om

radiohead Nybegynder

06. oktober 2006 - 11:25 #4

Men jeg er egentlig også bare ude efter en forklaring på fænomenet.

Synes godt om

webdesigner Praktikant

06. oktober 2006 - 11:48 #5

det ser ud som om at Iexplorere skal være sikker på en afstand for ikke at lave det til teksthøjden. altså ca 12 px...

Synes godt om

webdesigner Praktikant

06. oktober 2006 - 11:53 #6

sorry læsete ikke færdig... virker mystisk da min explorer visser det medn 6 px afstan fra side on topen :(

Synes godt om

radiohead Nybegynder

01. december 2006 - 14:24 #7

Går ud fra der ikke er en logisk forklaring.. heh

Synes godt om

olebole Juniormester

01. december 2006 - 14:41 #8

<ole>

Forklaringen er såmænd logisk nok: Font-størrelse og line-height skal defineres. Der står ikke noget i nogen standard om, hvor store disse skal være, når de ikke eksplicit er angivet.
Er disse to angivet, er der en pixel eller to til forskel mellem IE og FF. Er det et problem, bør man nok finde noget andet og mere relevant at gå op i ... indhold f.eks. ;o)

At FF skulle være bedre end IE er iøvrigt en komplet forvrøvlet myte. FF er mindst ligeså elendig en browser som IE - deres elendigheder ligger blot forskellige steder!
- men det er politisk yderst ukorrekt at sige det ... og man får et værre hyr med kodere, der tror, de ved mere, end de i virkeligheden gør. Jo mere komplekse applikationer, man koder - jo mere fucked-up opdager man, FF er ;o)

Husk: Mellem to dybe grøfter ligger ofte en farbar vej =)

/mvh
</bole>

Synes godt om

radiohead Nybegynder

08. december 2006 - 14:57 #9

super ole

Så skulle det mysterie jo være opklaret :)

her: http://www.eksperten.dk/spm/749634

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS