Søg
Avatar billede steen_hansen Forsker
21. marts 2009 - 18:42 Der er 12 kommentarer og
1 løsning

Kan ikke fjerne 1px i <div>

Jeg har én pixel luft mellem karaktererne i en <div></div> i kanten på DIV'en, som jeg ikke kan fjerne. Brugerne man tables, kan det klares med

border-spacing: 0px;

og i IE

<!--[if IE]>
<style type="text/css">
.tblMain {
border-collapse: collapse;
}
</style>
<![endif]-->

Hvad skal der til at fjerne den ene pixel?
Avatar billede steen_hansen Forsker
21. marts 2009 - 18:52 #1
Eksempel:

CSS:
.divMain {
width: 1000px;
margin: 0px auto;
border: 1px solid #000;
}

HTML:
<div class="divMain">Tekst</div>

Her er der 1px mellem Tekst og den sorte kant i venstre side.
Avatar billede steen_hansen Forsker
21. marts 2009 - 18:55 #2
Forøvrigt, det bevirker jo også, at padding: 10px; giver 11px i stedet for, og det kan jo forrykke det hele.
Avatar billede hallubaloo Nybegynder
21. marts 2009 - 19:22 #3
du kan også sætte margin til minus ;)
fx. minus 1 px..
Avatar billede steen_hansen Forsker
21. marts 2009 - 19:34 #4
Ok, men er det en valid metode, eller et cowboy trick? Ikke fordi jeg vil nedgøre dit forslag, jeg vil bare lave det rigtigt fra start :) Der må være en grund til, at f.eks. padding: 0px; eller border-spacing (for eksempel) ikke virker?
Avatar billede zips Juniormester
21. marts 2009 - 19:34 #5
Jeg har meget svært ved at se den 1px på den test jeg har lavet udfra det du skrev i #1 jeg har dog lagt nogle farver på for bedre at kunne se det.
http://prebendahl.dk/exp/test/steen_hansen

Hvilken font type bruger du, måske det som laver en 1px

Har du ikke et link til siden?
Avatar billede steen_hansen Forsker
21. marts 2009 - 19:37 #6
Det ødelægger border: 1px solid #000; - borderen forsvinder på den måde :o[
Avatar billede steen_hansen Forsker
21. marts 2009 - 19:43 #7
CSS:

html, body {
padding: 0px;
margin: 0px;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
color: black;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 18px;
}
.clearboth {
clear: both;
}
.divDate {
width: 880px;
height: 23px;
margin: 0px auto;
text-align: right;
line-height: 23px;
padding-right: 50px;
}
.divMain {
width: 1000px;
border: 1px solid #000;
}
.divBanner {
width: 1000px;
height: 120px;
background-color: #e7e7e7;
border-bottom: 1px solid #000;
}
.divBannerMenu {
width: 1000px;
height: 30px;
background-color: #eee;
border-bottom: 1px solid #000;
}
.divMenu {
float: left;
width: 170px;
margin: -1px;
padding: 10px;
background-color: #a8a8a8;
}
.divContent {
float: right;
width: 749px;
padding: 30px;
background-color: #b7b7b7;
border-left: 1px solid #000;
}



HTML:

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

<html>

<head>
<meta http-equiv="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<meta http-equiv="Cache-Control" CONTENT="no-store">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-language" content="dan">
<meta name="robots" content="all">
<link rel="stylesheet" type="text/css" href="/includes/style_test.css">
<script type="text/JavaScript" src="/includes/js/menuscript.js"></script>
<title>Redigér din profil</title>
</head>

<body onload="funClock();">

<div class="divDate">
    <span style="margin-left: 15px; font-size: 11px;">Uge <%=DatePart("ww",date(),2,2)%></span>
    <span style="margin-left: 15px; font-size: 11px; text-transform: capitalize;"><%=WeekdayName(Weekday(date))%></span>
    <span style="margin-left: 15px; font-size: 11px;"><%=Replace(date(),"-",".")%></span>
    <span style="margin-left: 15px; font-size: 11px;" id="uret"></span>
</div>

<div class="divMain">
    <div class="divBanner">Banner</div>
    <div class="divBannerMenu">BannerMenu</div>
    <div class="divMenu">Menu</div>
    <div class="divContent">Indhold</div>
    <div class="clearboth"></div>
</div>

</body>

</html>
Avatar billede steen_hansen Forsker
21. marts 2009 - 19:56 #8
Forøvrigt skal der lige tiføjes dette til divMain:

.divMain {
width: 1000px;
margin: 0px auto;
border: 1px solid #000;
}
Avatar billede zips Juniormester
21. marts 2009 - 20:17 #9
Nu har jeg slette fonten verdana og så er den helt inde, så det må være noget med den font
Avatar billede steen_hansen Forsker
21. marts 2009 - 20:20 #10
Det virker ellers i tabeller. Ærgeligt, for jeg vil gerne benytte den, jeg synes den gør sig rigtig godt, og den er let at læse. Så den eneste løsning må være f.eks. at sætte padding: 9px; istedet for 10, lægge 2px; til i bredden på f.eks. divMenu osv? Jeg kan godt forestille mig, at det vil skabe en del omrokeringer :)
Avatar billede steen_hansen Forsker
21. marts 2009 - 20:25 #11
zips, jeg må holde tungen lige i munden, når jeg laver dette her. Du skal have tak for hjælpen, smid et svar :)
Avatar billede steen_hansen Forsker
21. marts 2009 - 20:27 #12
Forøvrigt, der er 15px; over teksten i divMenu, og ikke 9px, som jeg nu har angivet. Har du nogen idé om hvad der skubber det så meget?
Avatar billede zips Juniormester
21. marts 2009 - 20:28 #13
Her er et svar :-)

Ja ikke alt er lige til...
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 17:38 Video ikoner Af Malm i Windows
I går 17:27 Video ikoner Af logbuilders i Windows
16/0110:29 Negativ billeder på samsung Af ALICE i Småopgaver
15/0115:45 HJÆLP - Lopslag, Indeks? Hvad gør jeg! Af Eva i Excel
14/0119:38 Webmail yousee Af nu_igen i E-mail programmer
White papers
Flere white papers »