Søg
Avatar billede je79ayps Novice
18. juli 2003 - 21:17 Der er 12 kommentarer og
1 løsning

Størrelse på <div> element

Jeg stødte lige på dette http://www.eksperten.dk/spm/376533 hvori jeg kunne se at det var muligt at sætte højden på et <div> element til 2px, men hvordan gøres det helt præcist?

Hvis I ser på http://www.ejstrup-kongskov.dk/test/div.htm, så bliver det noget højere end de 2px jeg har sat den til. :o(
Avatar billede thesurfer Nybegynder
18. juli 2003 - 21:33 #1
prøv:  <div style="height: 2px;">
Avatar billede thesurfer Nybegynder
18. juli 2003 - 21:35 #2
jeg kan se at du bruger #test i css.. jeg plejer at bruge: .test
hvad er forskellen på "#" og "." ?
Avatar billede je79ayps Novice
18. juli 2003 - 21:47 #3
Det er stadig samme størrelse. :o(
# er vist id og . er vist class - hvad forskellen så er ved jeg ikke. :o)
Avatar billede hells Nybegynder
18. juli 2003 - 21:50 #4
je79ayps > Det virker fint hos mig.

thesurfer > Der er ikke så stor en forskel. id-metoden(#) er bare lavet til at skulle bruges på et mindre antal elementer end class-metoden(.). I praksis er forskellen at det er egenskaberne ved id der bruges hvis et element både har et id og en class. eks:

#mitid {
color: green;
}

.minclass {
color: red;
}

<span id="mitid" class="minclass">teksten her er grøn</span>
Avatar billede hells Nybegynder
18. juli 2003 - 21:53 #5
jeg har fundet ud af det også virker i IE, hvis du sætter font-størrelsen til 0px:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#test {
    top: 100px;   
    width: 100px;
    height: 2px;
    font-size: 0px; /*ændring her*/
    background: #CCCCCC;
}
</style>
</head>

<body>

<div id="test"></div>
<div style="height: 2px; background: #000000;"></div>

</body>
</html>
Avatar billede je79ayps Novice
18. juli 2003 - 21:53 #6
Det er til at få grå hår af - hvad så hvis du ser på http://www.ejstrup-kongskov.dk/test/div.htm?
Avatar billede thesurfer Nybegynder
18. juli 2003 - 21:54 #7
underligt.. det virker i Opera 7.10, men ikke i Internet Explorer..
med Opera kan jeg gå ned på 1px, endda 0px.
Avatar billede nicklasb Nybegynder
18. juli 2003 - 22:02 #8
prøv en gang at sætte en font-size: 0px; i både din #test og i din style på dit div (som hells vist også allerede var begyndt på).
Så skulle den også gerne virke i ie.
Avatar billede je79ayps Novice
18. juli 2003 - 22:08 #9
Det var da lige godt utroligt - jeg plejer ellers altid at efterteste i i både Opera og Mozilla, men i dag har jeg selvfølgelig ikke gjort det.

Det er da lidt underligt at IE laver højden på baggrund af en evt. skriftstørrelse!
Avatar billede roenving Novice
19. juli 2003 - 01:06 #10
Du får kun IE til at fortolke efter standarderne, hvis du også sætter dtd-urlen på doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Og, som du kan se i http://www.eksperten.dk/spm/364929 kan det også lade sig gøre at få <div>'er under 2 px.
Avatar billede je79ayps Novice
19. juli 2003 - 08:49 #11
Ja, det er rigtigt, men umiddelbart hjælper det stadig ikke med mindre der tilføjes font-size: 0px som hells og nicklasb påpeger.
Avatar billede roenving Novice
19. juli 2003 - 14:04 #12
-- det vil jeg give dig helt ret i, men svarer den ikke til den underlighed IE også har omkring </td>, som jo nødvendigvis skal stå på samme linje som noget af det indhold den omkranser for ikke at opføre sig som et helt selvstændigt block-level element ...
Avatar billede je79ayps Novice
19. juli 2003 - 14:31 #13
Jo, det kan jeg også ligge søvnløs over!
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 dag 15:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »