Oprettet lør. d. 08. august 2009 kl. 21:00:05

kimleijensen
kimleijensen (5.085 point. Point ude: 60)

10 px mellem div's i dreamweaver template, hvorfor ?

http://www.gastronaut.dk

Kan simpelthen ikke gennemskue hvorfor der hele tiden er 10px luft mellem header, main og footer ...

Har forsøgt at finde svaret herinde hvis der nu var andre der var lige så meget amatør som mig :) , men er ikke lykkedes.

Hvem kan hjælpe ?

kim

Skrevet lør. d. 08. august 2009 kl. 21:54:30| #1

mall
mall (10.460 point)
malls.dk
Sæt float:left; på alle divs.

Skrevet lør. d. 08. august 2009 kl. 22:09:39| #2

kimleijensen
kimleijensen (5.085 point)
Løste fint nok problemet nogle steder men skabte også nye problemer. Nu er de tre div ikke samme bredde, har så forsøgt at satte width på dem men de er stadig forskellige.

Skrevet lør. d. 08. august 2009 kl. 22:13:07| #3

mall
mall (10.460 point)
malls.dk
Jeg kan ikke se en ændring på adressen?

Skrevet lør. d. 08. august 2009 kl. 22:14:17| #4

kimleijensen
kimleijensen (5.085 point)
så er det uploadet :)

Skrevet lør. d. 08. august 2009 kl. 22:25:53| #5

mall
mall (10.460 point)
malls.dk
Kan stadig ikke se det.. Har trykket opdater flere gange nu :)

Skrevet lør. d. 08. august 2009 kl. 22:47:56| #6

kimleijensen
kimleijensen (5.085 point)
sådan går det når jeg arbejder på to sites samtidig ... rettede i den forkerte ... virkede ved at sætte det ind i main, men virker som om footer opfører sig anderledes, men er ikke helt færdig med den så må kigge på det imorgen. Tak indtil nu.

Skrevet lør. d. 08. august 2009 kl. 22:49:30| #7

mall
mall (10.460 point)
malls.dk
Ok. Så lidt da :P

Skrevet søn. d. 09. august 2009 kl. 00:28:31| #8

roenving
roenving (328.349 point)
Problemet kan godt skyldes, at du har afslutningstags på selvstændige linjer, altså:

<div>
...
  Slut på indhold.
</div>

-- vil give et mellemrum under teksten, det rigtige at gøre er f.eks.


<div>
...
  Slut på indhold.</div>

Skrevet søn. d. 09. august 2009 kl. 14:18:55| #9

olebole
olebole (214.613 point)
<ole>

Én ting er helt sikkert: Det er en forkert løsning at bruge float på indholds containeren i denne situation. Det bruges jo netop som ganske alm. ikke-floated block element.

Årsagen er lige præcis den, roenving viser - og så er det bedre at rette din fejl fra:

  <div id="header">
  <!-- end #header --></div>

- til:

  <div id="header"><!-- end #header --></div>

/mvh
</bole>

Skrevet søn. d. 09. august 2009 kl. 14:20:00| #10

olebole
olebole (214.613 point)
- og så slette din float:

.oneColFixCtrHdr #mainContent {
    float: left;  /* <-- her */
    padding: 0 50px;
    background-image: url(../images/indhold_bg.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-y;
}

Skrevet søn. d. 09. august 2009 kl. 16:54:56| #11

mall
mall (10.460 point)
malls.dk
Hmm.. Hvad er der galt med at bruge float i den situation?
Det løser problemet, og burde det ikke være ligegyldigt om der er mellemrum i ens html? Browseren registrerer kun tegn?

Skrevet søn. d. 09. august 2009 kl. 19:01:52| #12

olebole
olebole (214.613 point)
Hvis det ikke betyder noget for dig, om koden giver mening, kan det være rystende ligemeget  =)

Der er intet i den måde, du bruger divet på, der begrunder float ... tværtimod. Du bruger jo netop divet som et ikke-floated block element. Meningen med float er, at block elementer skal lægge sig ved siden af hinanden. Det er det modsatte, du ønsker.

Jo, det burde være ligemeget, om der er mellemrum i koden - men sådan ser virkeligheden ikke ud.

Skrevet søn. d. 09. august 2009 kl. 21:45:37| #13

kimleijensen
kimleijensen (5.085 point)
Med float kunne jeg i det mindste få det irriterende mellemrum væk, det kommer bare igen hvis jeg fjerner float og bare nøjes med at samle linierne ?

-kim

Skrevet søn. d. 09. august 2009 kl. 22:16:18| #14


Skrevet fre. d. 23. oktober 2009 kl. 11:15:33| #15


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

hvordan fungerer en "phone version" af en side?

Oprettet den 25. maj 2012 kl. 13.03
kurdo giver 200 point for svar | Giv et svar »

Opsætning af design

Oprettet den 24. maj 2012 kl. 20.33
EveryMA giver 60 point for svar | Giv et svar »

text top

Oprettet den 23. maj 2012 kl. 08.08
oersted giver 200 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger