div flytter seg :(

speedy6110 · 8. september 2007

hmm litt vanskelig og finne på emne her men greit til problemet

Jeg ska lage meg en hjemmeside men det oppstod et problem

Det er at diven flytter seg når jeg ska skrive noe.

Dette e siden : Min side

Jeg vil skrive her som står på malen eg legger til :

Noen tips eg kan prøve ??

NB ska få meg dome snart

mikk- · 9. september 2007

Hjelper veldig om du legger ut link til kildekode

Som et skudd i mørket (hvis jeg har forstått problemet riktig), så har det noe med vertical-align å gjøre.. Men dette oppstår egentlig bare om du bruker tables. Heh.

Legg ut kildekode eller aller helst link til siden, så er det mye enklere å hjelpe deg!

Bozzeye · 9. september 2007

Viss menyen og innhaldet (der du vil skrive noko, men får det ikkje til) tilsaman er breidare enn wrapperen/bodyen kan det vere derfor.

Eg veit ikkje, men viss du linker til kildekode eller poster den her skal nok nokon finne det ut.

Edit: Såg ikkje at du linka til sida.

Mikael Berg: Her er kildekoden:

Klikk for å se/fjerne innholdet nedenfor

<html>
<head>
<title>Hjem</title>
<link rel="stylesheet" name="Style" href="style.css">
</head>
<Body>
<div id="div_ram">
<div id="div_border-top"> </div>

<div id="div_border">   
  <div id="div_p">
    <div id="div_top" style="margin-top:0px;">
  TOP LOGO
</div>
   <div id="div_menu">
 <p class="p-menu">Menu</p>
</div>

  </div>

</div>
<div id="div_border-buttom"></div>
</div>



<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();if (fw_al==2 && fw_np==1){_uacct="UA-230305-18";_uff=null;urchinTracker();}}</script></Body>
</html>

Stylesheet: Link

Klikk for å se/fjerne innholdet nedenfor

/* style css*/

body
{background-color:#000;
color:#b6fd2c;
font-size:12px;
margin:0px 0px 0px 0px; }



#div_ram
  {width:850px;
  height:1250px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;}
  
  
#div_border
   {width:800px;
  height:1100px;
  background-image:url(image/style/center.png);
  overflow:visible;}
  
  #div_border-top
       {background-image:url(image/style/div_top.png);
    width:800px;
 height:20px;}
 #div_border-center
   {background-image:url(image/style/center.png);}
   #div_border-buttom
       {background-image:url(image/style/div_buttom.png);
 	width:800px;
 	height:48px;}
  
 
 #div_menu
    {width:170px;
  height:825px;
  background-image:url(image/style/menu2.png);
  float:left;
  padding: 24px 12px 0px 12px;
  position:relative;
  left:-60px;
  margin-top:10px;
  border:1px solid #000;}

 #div_p
    {width:800px;
  height:1100px;
  float:left;
  margin-top:5px;
  border:1px solid #FFF;}
 
 #div_write
     {width:500px;
height:900px;
float:righ;
border:1px solid #b6fd2c;}

 #div_top
    {width:770px;
  height:200px;
  border:1px solid #000;
  margin-left:auto;
  margin-right:auto;}  
  
  
  
 .p-menu
    {margin-left:10px;}
 
 .p-write
     {margin-left:100px;
   position:relative;
   right:-40px;
padding: 24px 12px 0px 12px;}

Endret 9. september 2007 av Sviker

speedy6110 · 9. september 2007

Kan si at denne tråden løste seg selv av mye prøving og greide det til slutt.

Her har dere den småe forrandringen

HTML

Klikk for å se/fjerne innholdet nedenfor

<html>

<head>

</head>

<Body>

TOP LOGO

</div>

</div>

write menu!

</div>

</Body>

</html>

CSS

Klikk for å se/fjerne innholdet nedenfor

/* style css*/

body

{background-color:#000;

color:#b6fd2c;

font-size:12px;

margin:0px 0px 0px 0px; }

#div_ram

{width:850px;

height:1250px;

margin-left:auto;

margin-right:auto;

margin-top:100px;}

#div_border

{width:800px;

height:1100px;

background-color:#FFF;

border:1px solid #000;}

#div_menu

{width:170px;

height:825px;

background-color:#000;

float:left;

padding: 0px 0px 0px 0px;

position:relative;

left:-60px;

border:1px solid #FFF;}

#div_p

{width:800px;

height:1100px;

float:left;

margin-top:5px;

background-color:#000;

border:1px solid #FFF;}

#div_write

{width:620px;

height:835px;

float:right;

border:1px solid #FFF;

background-color:#000;

position:relative;

right:-30px;}

#div_top

{width:770px;

height:200px;

border:1px solid #FFF;

background-color:#000;

margin-left:auto;

margin-right:auto;

position:relative;

top:-60px;}

.p-menu

{margin-left:10px;}

.p-write

{margin-left:100px;

position:relative;

right:-40px;

padding: 24px 12px 0px 12px;}

Dermed løste denne saken seg.

Haraldson · 9. september 2007

Emnetittelen i denne tråden er lite beskrivende for trådens innhold og det er derfor ingen god emnetittel. Jo bedre og mer beskrivende emnetittelen er, jo lettere er det for andre å skjønne trådens innhold og det vil være lettere å treffe den riktige forumbrukeren med det rette svaret. Ber deg derfor om å endre emnetittel slik at du unngår at en moderator stenger tråden. Vennligst forsøk å ha dette i tankene neste gang du starter en tråd, og orienter deg om hva vår nettikette sier om dårlig bruk av emnetitler.

Bruk -knappen i første post for å endre emnetittelen.

(Dette innlegget vil bli fjernet ved endring av emnetittel. Ikke kommenter dette innlegget, men gjerne dette innlegget når tittelen er endret, så vil det bli fjernet..)

Logg inn

div flytter seg :(

Anbefalte innlegg

speedy6110

Videoannonse

mikk-

Bozzeye

speedy6110

Haraldson

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Stortingsvalget 8.september 2025 1 2 3 4 99

Hvem er aktive 0 medlemmer