Avatar billede esbenn Nybegynder
04. december 2007 - 16:31 Der er 9 kommentarer og
1 løsning

Mellemrum mellem DIVs

Jeg har noget design hvor jeg har et billede som baggrund der skal kunne udvide sig nedaf... Derfor jeg har sådan en kode her, men når jeg har en div under kommer der et lille mellemrum mellem dem... Håber i kan svare på hvorfor
Min kode:
<div class="reklame_boks_mellem">

<div style="position:relative;width:100%;height:100%;">
<img src="images/reklame_boks_mellem.gif" width="100%" height="100%">
    <div style="position:absolute;left:10px;top:0px;z-index:1;width:100%px;height:100%px;">Her sætter du teksten i forgrunden ...</div>
</div>

</div>
Avatar billede fennec Nybegynder
04. december 2007 - 16:33 #1
Kan du give os et link, hvor vi kan se problemet?
Avatar billede esbenn Nybegynder
04. december 2007 - 16:36 #2
Jeps.. Smider det lige på nettet... 2 sek.. :-)
Avatar billede esbenn Nybegynder
04. december 2007 - 16:37 #3
http://www.beis.dk/wellebob/
I den nederste boks til venstre...
Avatar billede esbenn Nybegynder
04. december 2007 - 16:39 #4
Har lige tjekket i FF, og det ser ud til at det er en IE fejl.. :-S
Avatar billede roenving Novice
04. december 2007 - 17:16 #5
100%px, hvad er det for en størrelse ?-)
Avatar billede esbenn Nybegynder
04. december 2007 - 19:05 #6
Den rettede jeg lige efter jeg havde uploadet den, bare ikke lige uploadet det om... Men det var ikke fejlen.. :-D
Avatar billede fennec Nybegynder
05. december 2007 - 08:53 #7
Det skyldes 2 fejl i IE.
1. En render bug hvis der er linjeskift inden/efter bestemte tags.
2. Elementer kan ikke være mindre end font-size.

Løsning

Smid en font-size på dit tag:
.reklame_boks_bund {
    background:url(http://www.beis.dk/wellebob/images/reklame_boks_bund.gif);
    width: 208px;
    height:11px;
    font-size:1px;
    }

Ret reklame boksen til at se sådan ud:
<div class="reklame_boks">
<div class="reklame_boks_top"></div>
<div class="reklame_boks_mellem">
<div style="position:relative;width:100%;height:100%;">
<img src="http://www.beis.dk/wellebob/images/reklame_boks_mellem.gif" width="100%" height="400px"><div style="position:absolute;left:10px;top:0px;z-index:1;width:100%;height:100%;">Reklamer!</div>
</div>
</div>
<div class="reklame_boks_bund"></div>
</div>
Avatar billede fennec Nybegynder
05. december 2007 - 08:55 #8
Hovsa... Du behøver ikke http://... Det havde jeg selvfølgelig kun med for at kunne se din side lokalt hos mig og tilrette koden.
Avatar billede esbenn Nybegynder
05. december 2007 - 11:35 #9
Super... Tak for det fennec... Send mig et svar.. :-)
Avatar billede fennec Nybegynder
05. december 2007 - 11:44 #10
.o) <-- One Eyed Jack
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