Avatar billede hojben Novice
19. september 2004 - 01:12 Der er 17 kommentarer og
1 løsning

Div layer hopper rundt??

Jeg har indsat et div layer på http://212.242.184.146/jo-byggeservice/

:
<div id="Layer1" style="position:absolute; left:267px; top:135px; width:563px; height:314px; z-index:1; overflow: hidden;">

Men synes at indholdet hopper rundt alt efter hvilken side og indhold jeg ser på.

Jeg bruger dette css:
http://212.242.184.146/jo-byggeservice/css/job
Avatar billede roenving Novice
19. september 2004 - 01:20 #1
Hvorfor sætter du ikke en tabelcelle ind med samme dimensioner ?-)

-- men jeg kunne ikke gennemskue hvorfor den hopper op og ned ...
Avatar billede hojben Novice
19. september 2004 - 01:25 #2
det har jeg prøvet men så starter teksten midt på siden uden mulighed for at skrive

Velkommen til J.O. Byggeservice

Som det står nu.. eller??
Avatar billede roenving Novice
19. september 2004 - 01:48 #3
Hvorfor skulle det være et problem ?-)

-- men jeg tror selv, at jeg ville:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style/style.css">
<style type="text/css">
html,body{height:100%;margin:0px;margin-top:50px;border:0px;padding:0px;font-family:verdana,arial,helvetica,sans-serif;text-align:center;background:url(img/bg.gif) black;color:white;}
a,a:link,a:visited,a:hover{color:white;}
.jobyggeservice {    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 10px;    text-align: center;    border: 1px solid #000;}
.kunbund {border:0;border-bottom:1px solid white;}
.menu {border:0;    border-right-width: 1px solid black;}
.ingenramme {border:0;font-size: 9px;}
.tekst {font-size: 9px;}
#container{width:761px;margin:0 auto;text-align:left;}
#banner{width:761px;height:60px;background:url(img/byg4.jpg) center bottom no-repeat;}
#menuContainer{width:109px;float:left;}
#content{width:563px;float:left;margin:50px;}
</style>
<script language="javascript" type="text/javascript">
</script>
</head>
<body>
<div id="container" class="tekst">
  <div id="banner" class="kunbund"></div>
  <div id="menuContainer">
    menuen
  </div>
  <div id="content" class="tekst">
    <div style="text-align:center;">
      Velkommen til J.O. Byggeservice
    </div>
  </div>
</div>
</body>

</html>
Avatar billede hojben Novice
19. september 2004 - 01:55 #4
der tabte du mig totalt..

Hvor skal alt det indsættes?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JO Byggeservice</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/job" rel="stylesheet" type="text/css">

</head>

<body background="img/bg.gif" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" topmargin="50">
<div id="Layer1" style="position:absolute; left:267px; top:135px; width:563px; height:314px; z-index:1; overflow:

hidden;">
  <div align="center">
    <p><br>
      <span class="tekst">Velkommen til J.O. Byggeservice</span> </p>
  </div>
  </div>
<table width="761" border="0" align="center" cellpadding="1" cellspacing="0" class="ingenramme">
  <!--DWLayoutTable-->
  <tr class="ingenramme">
    <td height="60" colspan="2" valign="top" class="ingenramme"> <div align="center"><img src="img/byg4.jpg" width="468"

height="60"><img src="img/streg.gif" width="100%" height="1"></div></td>
  </tr>
  <tr>
    <td width="109" height="320" valign="top" class="ingenramme"> <div align="center"><img src="img/streg.gif" width="1"

height="100" hspace="0" vspace="0">
      </div>
      <div align="center">
        <table width="98" align="center" cellpadding="0" cellspacing="0" class="ingenramme">
          <!--DWLayoutTable-->
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><font face="Verdana, Arial, Helvetica, sans-serif"><a

href="murer.htm" title="Hvilke murer opgaver udfører vi?" style="text-decoration:none">Mureren</a></font></th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><font face="Verdana, Arial, Helvetica, sans-serif"><a

href="blikkenslager.htm" title="Hvilke blikkenslager opgaver udfører vi?"

style="text-decoration:none">Blikkenslageren</a></font></th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><font face="Verdana, Arial, Helvetica, sans-serif"><a

href="toemreren.htm" title="Hvilke tømrer opgaver udfører vi?"

style="text-decoration:none">T&oslash;mreren</a></font></th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><font face="Verdana, Arial, Helvetica, sans-serif"><a

href="maleren.htm" title="Hvilke maler opgaver udfører vi?" style="text-decoration:none">Maleren</a></font></th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><a href="haven.htm" title="Hvilke have opgaver udfører

vi?" style="text-decoration:none">Haven</a></th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><a href="nedrivning.htm" title="Hvilke nedrivnings

opgaver udfører vi?" style="text-decoration:none">Nedrivning</a></th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><!--DWLayoutEmptyCell-->&nbsp;</th>
          </tr>
          <tr>
            <td></td>
            <th align="center" valign="top" class="ingenramme"><a href="kontakt.htm" title="Klik her for at kontakte

os." style="text-decoration:none">Kontakt</a></th>
          </tr>
        </table>
        <img src="img/streg.gif" width="1" height="100"></div></td>
    <td width="635">&nbsp;</td>
  </tr>
</table>
</body>
</html>
Avatar billede roenving Novice
19. september 2004 - 01:58 #5
Har du prøvet bare at gemme ovenstående som et nyt dokument i jo-byggeservice-mappen ?-)

-- og se det i browseren ...

-- så kan du se det meste, men du skal så selv indsætte den almindelige tekst, menuen m.m.m. !-)
Avatar billede hojben Novice
19. september 2004 - 02:03 #6
jeps : http://212.242.184.146/jo-byggeservice/test.htm

det der undrer mig er bl.a.

#container{width:761px;margin:0 auto;text-align:left;}
#banner{width:761px;height:60px;background:url(img/byg4.jpg) center bottom no-repeat;}
#menuContainer{width:109px;float:left;}
#content{width:563px;float:left;margin:50px;}
Avatar billede hojben Novice
19. september 2004 - 02:05 #7
det er nok mest fordi jeg har bygget det op i tabeller og du så fjernede den del *g*
Avatar billede roenving Novice
19. september 2004 - 02:08 #8
Jepz, og det jeg lavede er jo så bare en skitse, så f.eks. din menu-tabel og den div, du har til at styre linjen ned igennem den jo simpelthen skal kopieres over ...

-- men ellers skulle du med den type opbygning opleve, at det står fast (og vises stort set ens uanset browser !-)
Avatar billede hojben Novice
19. september 2004 - 02:21 #9
hmmm oki må prøves..
Avatar billede roenving Novice
19. september 2004 - 02:27 #10
-- og hvis du iøvrigt vil have forklaret noget, så spørg, for hvis jeg bare skal starte fra en ende af med de 4 linjer, du har taget ud, bliver det til en roman !-)
Avatar billede hojben Novice
19. september 2004 - 02:28 #11
http://212.242.184.146/jo-byggeservice/test.htm

ses nu din løsning men nu starter teksten helt i bunden ??
Avatar billede roenving Novice
19. september 2004 - 02:46 #12
Margin skal kun være 44px; i content:

#content{width:563px;float:left;margin:44px;}
Avatar billede roenving Novice
19. september 2004 - 02:48 #13
-- og du vil se den store fordel, hvis du prøver at skifte opløsning (eller resizer vinduet !-)
Avatar billede hojben Novice
19. september 2004 - 02:53 #14
Ja se nu er det jo lækkert;)
takker.. smid svar :)

tænk at 6 px kan lave så meget ravage *gg*
Avatar billede roenving Novice
19. september 2004 - 02:57 #15
Det var med garanti fordi de to diver, som floater til venstre tilsammen kom lige over containeren bredde, så der skulle lige fjernes en anelse, så de kunne trykke sig op til venstre begge to !-)

-- og velbekomme '-)
Avatar billede roenving Novice
19. september 2004 - 03:00 #16
Tak for point ;~}
Avatar billede hojben Novice
19. september 2004 - 21:04 #17
Pludselig er der kommet en fejl... gider du lure?

http://212.242.184.146/jo-byggeservice

der er nu kommet en bred blå kasse men kun på forsiden???
Avatar billede hojben Novice
19. september 2004 - 21:05 #18
hmmm glem det... må ha gjort eet eller andet ;)
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