Avatar billede oasen Nybegynder
10. marts 2002 - 16:03 Der er 15 kommentarer og
1 løsning

Hvorfor er der mellemrum??

Vær lige sød at tage et kig på www.celinedion.dk - den er hverken helt eller halvt færdig, men jeg har et meget banalt problem.
Som det ses, er der et mellemrum på 5 pix mellem top-banner og sider. Ved visning i Opera og Mozilla er der ikke mellemrum. Er ikke klar over, om der er det i NS (tell me..), men ihvertfald i IE. Hvorfor??

Padding og border er sat til "0". Siderne positioneres relativt fra toppen af <div>´en, der definerer selve siden.

Problemet kan afhjælpes ved at sætte:

top: -5px; for hver af de to sider, men så kommer der blot 5 pix mellemrum mellem siderne og linien (billedet) i bunden.

Nogen bud?
Avatar billede Slettet bruger
10. marts 2002 - 16:10 #1
Dette ville være en del nemmere, hvis vi kunne få lov til at se dit stylesheet.
Avatar billede gryn Nybegynder
10. marts 2002 - 16:12 #2
NS har ikke problemet!
Avatar billede gryn Nybegynder
10. marts 2002 - 16:12 #3
Hvorfor bruger du ikke tabeller?
Avatar billede mr.meincke Nybegynder
10. marts 2002 - 16:12 #4
prøv:

<html>
<head>
<title>Celine Dion</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

<div align="center">    <!--Start-->
<div class="bodyfrm">


<img id="top" src="top.jpg" border="0"><div id="leftside" style="border: 0,0,0,0;"></div><div id="rightside" style="border: 0,0,0,0;"></div><div class="floatstop"><img id="bund" src="bund.jpg"></div>


</div>
</div>             <!--Slut-->

</body>
</html>


der virker det hos mig
Avatar billede mr.meincke Nybegynder
10. marts 2002 - 16:13 #5
tabeller vil være nemmere ja ...
Avatar billede gryn Nybegynder
10. marts 2002 - 16:14 #6
Hvorfor droppede du det gamle design... det var da så pænt :o)
Avatar billede jakoba Nybegynder
10. marts 2002 - 16:15 #7
først ind i framesettet for at finde det reelle sidenavn.

og så skal man lave en grabside for at få fat i style.css og hitte ud af hvordan top, leftside og rightside er defineret.

Jeg er for doven.

mvh JakobA
Avatar billede oasen Nybegynder
10. marts 2002 - 16:20 #8
body {
    background-color: #ffffff;
    scrollbar-3d-light-color: #000099;
      scrollbar-arrow-color: #ffffff;
    scrollbar-base-color: #000000;
      scrollbar-dark-shadow-color: #ffffff;
      scrollbar-face-color: #000099;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
   
}

#leftside {
    width: 25px;
    height: 450px;
    background-color: #000099;
    float: left;
    top: 0px;
    position: relative;
    z-index: 0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#rightside {
    width: 25px;
    height: 450px;
    background-color: #000099;
    float: right;
    top: 0px;
    position: relative;
    z-index: 0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
   


img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


img.top {
    top: 0px;
    position: relative;
    z-index: 1;
}

img.bund {
   
}

div.floatstop {
    clear:both;
}


div.bodyfrm {
    width: 750px;
    height: 600px;
    background-color: #ffffff;
   
}

Jvf. www.whynet.dk/celinedion/style.css
Avatar billede oasen Nybegynder
10. marts 2002 - 16:23 #9
gryn---> Jeg gik bort fra ideen med frames. Kan bedre lide det sådan.
Jeg har også lavet en udgave med tabeller, men det er langt nemmere (og bedre stil i øvrigt) at lave det med CSS. Så kan jeg bruge tabellerne til det, de er skabt til.
Avatar billede oasen Nybegynder
10. marts 2002 - 16:28 #10
Jacoba---> Det er da også en ærlig sag, men hvorfor så overhovedet kommentere indlægget??
Avatar billede oasen Nybegynder
10. marts 2002 - 16:32 #11
gryn---> Nu sætter du mig jo næsten i et dilemma. Jeg var blevet så glad for mit nye banner... Men jeg håber ikke, det er helt ved siden af, når der kommer indhold i main-frame :o)
Avatar billede oasen Nybegynder
10. marts 2002 - 16:34 #12
mr.meincke ----> Jo, det virker nu. Det var ikke meget, der manglede. Bare sjovt, at jeg ikke kan få lov at definere border´ne i *.CSS - men tak for det! Kom lige med et svar :)
Avatar billede jakoba Nybegynder
10. marts 2002 - 16:38 #13
Det ser ud til det er linieskiftet imellem dine htmlkommandoer der bliver til et blanktegn der fylder. (som mr.meincke allerede har svaret)

brug

  <img id="top" src="http://www.whynet.dk/celinedion/top.jpg"
><div id="leftside"></div
><div id="rightside"></div
><div class="floatstop"><img id="bund" src="http://www.whynet.dk/celinedion/bund.jpg"></div>

så kommer der ingen afstand i min IE4 ihvertfald.

sært :) det plejer ellers at være NS der har det problem.

mvh JakobA
Avatar billede oasen Nybegynder
10. marts 2002 - 16:44 #14
Nå, så fik du alligevel lettet røven :o)
Tak for besvarelsen...

Jeg har bare ikke oplevet det som et problem før. Og så undrede det mig jo en del af browsere som Opera, Lynx og Mozilla accepterede det. De har det ellers med at brokke sig over hver en komando. Men min holdning er, at det skal kunne ses af alle nyere browserversioner.
Avatar billede oasen Nybegynder
10. marts 2002 - 16:51 #15
JakobA - kom også lige med et svar, så får du lidt til samlingen.
Avatar billede mr.meincke Nybegynder
10. marts 2002 - 16:52 #16
og mit var et svar
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