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

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Ændre position med javascript og css
Fra : Nikolaj Aarestrup Hv~


Dato : 29-03-03 17:37

Hej...

Jeg er ved at lave en hjemmeside som kan ses på
www.studiestar.dk. Problemet er min menu. Som den fungere nu er
der intet problem for har bare brugt css og TOP: xx PX; Left: xx
PX. Men vil gerene centrer min side og lave den således at den
ikke kan forstørres men altså at rammen har fast størrelse med
placering i midten af browser vinduet. Hvordan kan man med sikre
sig at menuen (lavet med <div>) bliver ved med at være under
menupunktet således at broservinduet kan ændre sin størrelse uden
at det gør nogen forskel...?

mvh.
Nikolaj

--
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

 
 
Esben Boye-Jacobsen (29-03-2003)
Kommentar
Fra : Esben Boye-Jacobsen


Dato : 29-03-03 20:45

>Hvordan kan man med sikre
> sig at menuen (lavet med <div>) bliver ved med at være under
> menupunktet således at broservinduet kan ændre sin størrelse uden
> at det gør nogen forskel...?

Hvis jeg har forstået det ret, kan det ordnes med fast bredde af din
tabel, det har du vist ingen problemer med, <tabel Width="325">, men
at den så skal centreres, kan ordnes med et lille javascript:

id.style.left=(screen.width/2)-(id.width/2)

Det skal forstås således at den først ta'r halvdelen af skærmen og
finder midten, hvorefter den ta'r midten af tabellen og trækker det
fra, så midten af tabellen kommer til at være midt på siden!

--
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

Thomas Dybdahl osv (29-03-2003)
Kommentar
Fra : Thomas Dybdahl osv


Dato : 29-03-03 22:00

> id.style.left=(screen.width/2)-(id.width/2)
>
> Det skal forstås således at den først ta'r halvdelen af skærmen og
> finder midten, hvorefter den ta'r midten af tabellen og trækker det
> fra, så midten af tabellen kommer til at være midt på siden!

så er det da lettere at gøre sådan:
<body>
<div align="center">
...
</div>
</body>

--
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

Erik Ginnerskov (29-03-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-03-03 22:28


"Thomas Dybdahl osv" <1@3.be> skrev
> > id.style.left=(screen.width/2)-(id.width/2)
> >

>
> så er det da lettere at gøre sådan:
> <body>
> <div align="center">
> ...
> </div>
> </body>

Det er et deprecated tag. Skal du lave noget i den stil, skal det laves på
denne måde:

<body>
<div style="text-align:center">
...
</div>
</body>

--
Med venlig hilsen
Erik Ginnerskov - erik snabela ginnerskov dot dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



Thomas Dybdahl osv (30-03-2003)
Kommentar
Fra : Thomas Dybdahl osv


Dato : 30-03-03 08:55

> > <body>
> > <div align="center">
> > ...
> > </div>
> > </body>
>
> Det er et deprecated tag. Skal du lave noget i den stil, skal det laves på
> denne måde:
>
> <body>
> <div style="text-align:center">
> ...
> </div>
> </body>
>

Men så er det da kun text'en der bliver centreret. Ikke i IE men det er jo
også en fejl. Med <div align="center"> bliver altting jo centreret.

--
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

Nikolaj Aarestrup Hv~ (30-03-2003)
Kommentar
Fra : Nikolaj Aarestrup Hv~


Dato : 30-03-03 15:36

Tak for alle forslagene, benytter esbens da det er det bedste.
Problemet er netop at der er flere menuer og de dermed ikke er præcis i
midten af skærmen, men med Esbens script burde jeg kunne komme videre.
Mvh
Nikolaj

--
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

Nikolaj Aarestrup Hv~ (30-03-2003)
Kommentar
Fra : Nikolaj Aarestrup Hv~


Dato : 30-03-03 20:57

Brugte esbens forslag men har et nyt problem:

Selve rammen og indhold følger nu godt med, disse bruger ID som
indifikation i CSS det ser sådan ud:

#m1adiv {
   left: 302px; WIDTH: 150px; HEIGHT: 135px
}

og scriptet dertil:

m1div.style.left=(((document.body.clientWidth)-775)/2)+331

men baggrunden i flodudmenuen bruger CLASS som indifikaton og her
opstår fejlen har gjort sådan her:

alpha1 {
   left: 302px; WIDTH: 150px; HEIGHT: 135px
}

alpha1.style.left=(((document.body.clientWidth)-775)/2)+331

får at vide at alpha1 er udifineret. Hva skal der gøres?

--
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 : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste