Søg
Avatar billede coolzone Nybegynder
29. november 2004 - 21:54 Der er 13 kommentarer og
1 løsning

Height vil ikke være 1px

Prøv at se på http://users.cybercity.dk/~ida4328/test.html

Hvorfor bliver div'erne mere end 1px i height i Internet Explorer?
Avatar billede htm Nybegynder
29. november 2004 - 21:57 #1
prøv lige og sæt tekststærrelsen til 0

font-size: 0px;

IE vil ikke lave en boks mindre end teksten kan stå inde i dem.
Avatar billede coolzone Nybegynder
29. november 2004 - 22:01 #2
Det hjælper men den er stadig ikke 1px.
Avatar billede htm Nybegynder
29. november 2004 - 22:03 #3
font-size: 0px;
padding: 0px;
margin: 0px;
Avatar billede htm Nybegynder
29. november 2004 - 22:06 #4
sørg også for at din doctype er det første i dit dokument. altså ikke noget mellemrum først.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

Ellers vil IE ikke acceptere at det er et xhtml dokukument og den skal overholde reglerne
Avatar billede coolzone Nybegynder
29. november 2004 - 22:06 #5
Det hjælper ikke noget. Padding er allerede sat til 0. Og margin er sat til 0 i top og bottom. :-)
Avatar billede htm Nybegynder
29. november 2004 - 22:08 #6
Prøv også
line-height: 0px
Avatar billede coolzone Nybegynder
29. november 2004 - 22:08 #7
Doctype står i toppen og ser sådan ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Avatar billede coolzone Nybegynder
29. november 2004 - 22:09 #8
Line-height er allerede prøvet.
Avatar billede coolzone Nybegynder
29. november 2004 - 22:10 #9
Kig eventuelt på css'en:

http://users.cybercity.dk/~ida4328/test.css
Avatar billede coolzone Nybegynder
29. november 2004 - 22:12 #10
Den insisterer på at lave linien 2px!?
Avatar billede coolzone Nybegynder
29. november 2004 - 22:16 #11
Minder vist lidt om det her:

This may be a difficult concept, but it serves useful purposes, so just accept it. At this stage, we have not lost IE. No, it gets this right up to here. But now lets start making a mess. With IE, if you apply a width to the empty paragraph (usually unintentionally while applying it to all paragraphs), it decides that you want to give it some height too. So it makes it big enough to contain one line of text. Not only does this one line of extra height now get added to the space, but the collapsing is all wrong. So the gap grows to max(10,30) + max(40,20) + line-height, so 40 pixels becomes more like 90. And before you try to use the height style to make it smaller, IE will ignore you. It will still make it one line-height tall, because of its incorrect overflow:visible; handling.

In response, the web developer applies some negative margins or relative positioning, without really knowing what they are doing or why, until the gap returns to normal in IE, about 40 pixels. (This assumes that IE does not decide to cut off the content where a negative margin pushes it over the bounds of its original position.) Of course, this has a very bad effect in the other browsers, as they correctly apply the 40 pixels, plus the negative 50 that was applied for IE, meaning the contents of the two paragraphs now overlap by 10 pixels. Definitely not the intended effect. This is a bit of an extreme example, but the effect is the same, even if a normal margin (or the browser's default margin) is applied to the paragraphs.
Avatar billede htm Nybegynder
29. november 2004 - 22:17 #12
Ja jeg ser lige du mangler en enkelt ting... smid en &nbsp; i hver div.
Avatar billede coolzone Nybegynder
29. november 2004 - 22:19 #13
Ok, jeg fandt lang om længe løsningen:

overflow: hidden;
Avatar billede htm Nybegynder
29. november 2004 - 22:20 #14
din overflow er ikke nødvendig hvis du smider et mellemrum i din div

<div>&nbsp;</div>
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 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »