Avatar billede stig69 Nybegynder
06. august 2008 - 14:01 Der er 7 kommentarer og
1 løsning

IE 6.0 højde på 1px i top div?

Problemet er kun tilsted i IE 6.0. Men det driller mig stadig.

Jeg skal bruge en <div> med en højde på 1px. Div skal være tom. Dog får min <div> en højde på 2px i IE  6.0. Hvis jeg derimod indsætter en transparent gif med højden 1px virker det. Er det ikke muligt vha. Stylesheet at tilpasse højde, så den kun er 1px uden at skulle bruge en transparent gif?

Mvh

Stig
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>[test]</title>

<style>

.Box-top { height:1px;width:483px; font-size:1px;  margin:0 0 0 1px; background:blue;}
.Box-container { width:435px; padding:12px 25px 2px 25px; background:cyan;}
.Box-bottom { height:1px;width:483px; font-size:1px; margin:0 0 0 1px; background:blue; }

</style>
</head>
  <div class="Box-top"></div>
  <div class="Box-container"><p>Dolore commodo praesent dolor tation aliquip lobortis praesent dolor tation aliquip lobortis praesent dolor tation aliquip lobortis praesent dolor tation aliquip lobortis</p></div>
  <div class="Box-bottom"><img src="/images/transparent.gif" height="1" alt=""></div>
</body>
</html>
Avatar billede stig69 Nybegynder
06. august 2008 - 14:01 #1
damn... Overskriften skulle være ...1px i tom div og ikke ... 1px i top div
Avatar billede w13 Novice
06. august 2008 - 14:12 #2
Jo hvis du lægger overflow:hidden; på elementet kan du godt.

Men hvorfor ikke bare lave det som border på box-container?

<style>

.Box-container { width:435px; padding:12px 25px 2px 25px; background:cyan; border-top:1px solid blue; border-bottom:1px solid blue; }

</style>


  <div class="Box-container"><p>Dolore commodo praesent dolor tation aliquip lobortis praesent dolor tation aliquip lobortis praesent dolor tation aliquip lobortis praesent dolor tation aliquip lobortis</p></div>
Avatar billede stig69 Nybegynder
06. august 2008 - 14:18 #3
Jeg skal have runde hjørner. Jeg ville bygge det op ved at lade top og bund div være 2px mindre end containeren. Jeg kan se nu at margin for top og bund skulle være "margin: 0 1px;"

Jeg prøver med overflow.
Avatar billede stig69 Nybegynder
06. august 2008 - 14:22 #4
Overflow er fantastisk!
Avatar billede w13 Novice
06. august 2008 - 14:23 #5
;) Tak for point!
Avatar billede w13 Novice
06. august 2008 - 14:24 #6
Af en eller anden grund tror IE6 åbenbart at et div-element minimum er 2px højt, så ved at sætte width:1px;overflow:hidden; bliver den sidste pixel skjult. =)
Avatar billede stig69 Nybegynder
06. august 2008 - 14:31 #7
Tænk på alle de gif'er jeg slipper for at bruge. Der var tale om rigtig mange.
Avatar billede w13 Novice
06. august 2008 - 14:32 #8
Lige præcis. :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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



IT-JOB

PensionDanmark

Business Tester

Udviklings- og Forenklingsstyrelsen

Business Analysts til samfundsvigtige it-projekter

MAN Energy Solutions

Cloud FinOps Practitioner

Netcompany A/S

Software Developer