/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
boxe position - skal ikke påvirke hina nde~
Fra : Ricki


Dato : 15-12-03 11:58

Hej,

Jeg har problemer med at mine forskellige boxe forstyrrer hinandens
positioner på siden når der kommer indhold i. Jeg bruger flg. stylesheet:

body{
   background-color: #E1F4F9;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}
#holder{
   position: relative;
   top: 0px;
   width: 800px;
   height: 600px;
   margin-left: auto;
   margin-right: auto;
   background-color: transparent;
   padding: 0px;
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-top: none;
   border-bottom: none;
   text-align: left;
   z-index: 1;
}
#menu{
   position: relative;
   top: 0px;
   right: 295px;
   width: 180px;
   margin: auto;
   height: 100%;
   border-right: 1px black solid;
   border-left: none;    border-bottom: none;
   border-top: none;
   padding-right: 7px;
   z-index:2;
}
#indhold{
   position: relative;
   top: 15px;
   left: 207px;
   width: 572px;
   background-color: #F5EFB2;
   border: dotted 1px;
   font-family: "MS Sans Serif", Geneva, sans-serif;
   font-size: 9px;
   font-weight: normal;
   z-index: 3;
}
..dato{
   background-color: #A3E4F9;
   border: 1px dotted #ADADAD;
   font-family: "MS Sans Serif", Geneva, sans-serif;
   font-size: 9px;
   font-weight: bold;
   z-index: 4;
}

Siden kan ses her:
http://www.join-in.dk/gaet1hit/index.php

Når jeg fylder noget i #indhold resulterer det i at #menu rykker
tilsvarende ned på siden. Kan dette undgås, og evt. hvordan?

Med venlig hilsen
Ricki

--
Using M2, Opera's revolutionary e-mail client: http://www.opera.com/m2/

 
 
Per Christoffersen (15-12-2003)
Kommentar
Fra : Per Christoffersen


Dato : 15-12-03 12:08


"Ricki" <n_o_s_p_a-mricki@joinsletdette-in.dk> skrev i en meddelelse
newsrz7x2r1jgipx10@news.inet.tele.dk...

> Når jeg fylder noget i #indhold resulterer det i at #menu rykker
> tilsvarende ned på siden. Kan dette undgås, og evt. hvordan?

Når du bruger relativ positionering i CSS, så beregnes positionen efter den
placering DIV-en har i koden. Dvs. at når DIVen #indhold bliver større, og
DIVen #menu placeres efter denne, så kommer #menu længere ned på siden.

Prøv at bytte om på deres placering i koden, eller benyt absolut
positionering på de to DIVer.

/Per



Ricki (15-12-2003)
Kommentar
Fra : Ricki


Dato : 15-12-03 12:50

On Mon, 15 Dec 2003 12:08:16 +0100, Per Christoffersen <pc@NIXcomonto.dk>
wrote:

>
> "Ricki" <n_o_s_p_a-mricki@joinsletdette-in.dk> skrev i en meddelelse
> newsrz7x2r1jgipx10@news.inet.tele.dk...
>
>> Når jeg fylder noget i #indhold resulterer det i at #menu rykker
>> tilsvarende ned på siden. Kan dette undgås, og evt. hvordan?
>
> Når du bruger relativ positionering i CSS, så beregnes positionen efter
> den
> placering DIV-en har i koden. Dvs. at når DIVen #indhold bliver større,
> og
> DIVen #menu placeres efter denne, så kommer #menu længere ned på siden.
>
> Prøv at bytte om på deres placering i koden, eller benyt absolut
> positionering på de to DIVer.
>
> /Per

Hej Per,

Når jeg bytter om på de to DIVer placeres #indhold helt nede i bunden af
siden, og de skulle gerne placeres med toppen tilpasset ved siden af
hinanden. Når jeg ændrer DIVerne til absolute bliver de centrerede lige
oven i hinanden. Grunden til at jeg har valgt at positionere dem relativt
er at de skal tilpasses i forhold til #holder.

Hilsen Ricki

--
Using M2, Opera's revolutionary e-mail client: http://www.opera.com/m2/

Christian (15-12-2003)
Kommentar
Fra : Christian


Dato : 15-12-03 14:06

Ricki wrote in dk.edb.internet.webdesign.html:
> On Mon, 15 Dec 2003 12:08:16 +0100, Per Christoffersen <pc@NIXcomonto.dk>
> wrote:
>
> >
> > "Ricki" <n_o_s_p_a-mricki@joinsletdette-in.dk> skrev i en meddelelse
> > newsrz7x2r1jgipx10@news.inet.tele.dk...
> >
> >> Når jeg fylder noget i #indhold resulterer det i at #menu rykker
> >> tilsvarende ned på siden. Kan dette undgås, og evt. hvordan?
> >
> > Når du bruger relativ positionering i CSS, så beregnes positionen efter
> > den
> > placering DIV-en har i koden. Dvs. at når DIVen #indhold bliver større,
> > og
> > DIVen #menu placeres efter denne, så kommer #menu længere ned på siden.
> >
> > Prøv at bytte om på deres placering i koden, eller benyt absolut
> > positionering på de to DIVer.
> >
> > /Per
>
> Hej Per,
>
> Når jeg bytter om på de to DIVer placeres #indhold helt nede i bunden af
> siden, og de skulle gerne placeres med toppen tilpasset ved siden af
> hinanden. Når jeg ændrer DIVerne til absolute bliver de centrerede lige
> oven i hinanden. Grunden til at jeg har valgt at positionere dem relativt
> er at de skal tilpasses i forhold til #holder.
>
> Hilsen Ricki
>
> --


Hvis du giver position: absolute; alle sammen kan du jo bare rette det til.
Og så en anden ting...Hvorfor må brugere med ikke maksimerede browser vinduer
ikke kunne se din side ordentligt? Lav det i % så alle opløsninger og
størrelser kan være med

-Christian
www.fun-online.tk
www.funonline.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ricki (15-12-2003)
Kommentar
Fra : Ricki


Dato : 15-12-03 14:43


> Hvis du giver position: absolute; alle sammen kan du jo bare rette det
> til.
> Og så en anden ting...Hvorfor må brugere med ikke maksimerede browser
> vinduer
> ikke kunne se din side ordentligt? Lav det i % så alle opløsninger og
> størrelser kan være med
>
> -Christian
> www.fun-online.tk
> www.funonline.frac.dk

Hvis jeg angiver position: absolute; bliver det jo i forhold til hele
vinduet, men det jeg ønsker er at finde ud af om det er muligt at simulere
et bestemt breddeforhold og fastholde dette, og tilpasse elementer indeni
relativt. Det nytter bare ikke hvis de flytter sig på baggrund af hinanden!

Hilsen Ricki

Per Christoffersen (15-12-2003)
Kommentar
Fra : Per Christoffersen


Dato : 15-12-03 15:36


"Ricki" <n_o_s_p_a-mricki@joinsletdette-in.dk> skrev i en meddelelse
newsrz75o5ljgipx10@news.inet.tele.dk...

> Hvis jeg angiver position: absolute; bliver det jo i forhold til hele
> vinduet, men det jeg ønsker er at finde ud af om det er muligt at simulere
> et bestemt breddeforhold og fastholde dette, og tilpasse elementer indeni
> relativt. Det nytter bare ikke hvis de flytter sig på baggrund af
hinanden!

Jeg tror du skal bruge float-attributten. Jeg er ikke lige så meget inde i
sagerne at jeg sprøjte færdige koder ud, men jeg ved der er en tutorial i
box-modellen med float på www.html.dk.

/Per



Christian (15-12-2003)
Kommentar
Fra : Christian


Dato : 15-12-03 16:06

Ricki wrote in dk.edb.internet.webdesign.html:
> > Hvis du giver position: absolute; alle sammen kan du jo bare rette det
> > til.
> > Og så en anden ting...Hvorfor må brugere med ikke maksimerede browser
> > vinduer
> > ikke kunne se din side ordentligt? Lav det i % så alle opløsninger og
> > størrelser kan være med
> >
> > -Christian
> > www.fun-online.tk
> > www.funonline.frac.dk
>
> Hvis jeg angiver position: absolute; bliver det jo i forhold til hele
> vinduet, men det jeg ønsker er at finde ud af om det er muligt at simulere
> et bestemt breddeforhold og fastholde dette, og tilpasse elementer indeni
> relativt. Det nytter bare ikke hvis de flytter sig på baggrund af
hinanden!



Tag et kig på den her side www.funonline.frac.dk det hele er lavet med
position absolute, for hvis du anbringer en div inden i en anden div er det
ikke i forhold til hele skærmen, men i forhold til den div du anbringer den
i.

--

Christian
www.fun-online.tk
www.funonline.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste