Toon posts:

JS layer centreren én over elkaar :)

Pagina: 1

Acties:

79 views sinds 30-01-2008
Reageer

maandag 12 november 2001 21:28

Acties:

Verwijderd

Topicstarter

Hoihoi!

FF een post in 13. Normaal post ik alleen in 38, maar voor JS moet ik toch echt hier zijn

Ik zit met het volgende probleem:

Ik wil een aantal div's over elkaar plaatsen. Nu komt er nog eens bij dat ik ze gecentreerd over de pagina wil hebben. Dus dat ze ook gecentreerd blijven als ik het window resize. Ik heb het nu opgelost door de eerste layer zo te definieren:

code:

1	<div id="kop" align="center" style="visibility:visible;position:relative;top:0px;left=-10px;"><div align=center> blablabal </div>

dus dus eerst een layer openen(relatief left:-10px)
dan nog één, en er maar één weer sluiten.

De volgende layers definieer ik allemaal absoluut.

code:

1	<div id="1kop" align="left" style="visibility:hidden;position:absolute;top:0px;left:-50px;"> blablabla </div>

en sluit ik allemaal weer netjes. Na de laatste div geef ik 2 </div>'s , om de allereerste ook weer te sluiten.

Ik heb geen flauw idee waroom dit werkt, maar na veel proberen en klooien lukte dit zomaar

Toch heb ik het volgende probleem:

Onder NS werkt het niet (probeer maar), onder IE6 wél, maar onder sommige 5.5 browsers niet... :((

Kan iemand mij zeggen waarom niet, en zo ja, hoe kan ik dit verhelpen? Dus meer browser-vriendelijk maken?

Je kunt hem hier bekijken.

Alvast heel erg bedankt!!

maandag 12 november 2001 22:40

Acties:

Clay

cookie erbij?

Je kan absolute layers idd nesten in relatieve:

code:

<div [relative] >
   <div [absolute]>
   content
   </div>

   <div [absolute]>
   content
   </div>
</div>

en zo een set layers in een page gebruiken die toch blijft staan als je resized. Maar, je moet de style van de layer niet in de div tag zelf zetten als je in netscape ook met meerdere sets van geneste layers wil werken. die moet je in je stylesheet zetten:

code:

...
<style type="text/css">
#layertje   {position:relative;}
#blah    {position:absolute; left: .... }
</style>
</head>

<body>

<div id="layertje">
   <div id="blah">
   content
   </div>
</div>

...

zou moeten werken.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

maandag 12 november 2001 23:32

Acties:

Verwijderd

Topicstarter

Ok, bedankt voor je reactie!

Ik neem toch aan dat ik dan ook in een apart styleblad kan definieren:

div.gecentreerd{
position:relative;
}

en

div.ertussen{
position:absolute;
left: .... ;
etc...;
}

en oproepen met

<div id=kop class=gecentreerd>asdasda
<div id=1kop class=ertussen>adas</div>
<div id=2kop class=ertussen>asdfsdfdas</div>
</div>

toch?

maandag 12 november 2001 23:44

Acties:

Verwijderd

Topicstarter

Okay Clay,

dat werkt!
Weet jij of, en zo ja, dit ook Netscape4.0 compatible te maken is?

Zal wel weer niet

Als ik hem nu bekijk nl krijg ik een mega lap tekst onder elkaar ipv dat hij mijn divje's invisible maakt...

Zie: http://213.51.151.22/jpp/html/program/

Thanx anyway

dinsdag 13 november 2001 00:49

Acties:

Annie

amateur megalomaan

visibility:hide werkt ook niet?
dan misschien toch maar alleen met id's werken voor NS4, dus:

code:

#kop1 {
  position: absolute;
  visibility: hide;
  ....
}

Today's subliminal thought is:

dinsdag 13 november 2001 01:05

Acties:

Verwijderd

Topicstarter

Nope, zelfs dat werkt niet

bij visibilty=hide gaat hij in IE weer flippen (en netscape doet het dan ook nog niet)

Ook aparte id's werken bij mij niet

dinsdag 13 november 2001 10:02

Acties:

Clay

cookie erbij?

Op maandag 12 november 2001 23:44 schreef BarisArt het volgende:
Okay Clay,

dat werkt!
Weet jij of, en zo ja, dit ook Netscape4.0 compatible te maken is?

Zal wel weer niet

Als ik hem nu bekijk nl krijg ik een mega lap tekst onder elkaar ipv dat hij mijn divje's invisible maakt...

Zie: http://213.51.151.22/jpp/html/program/

Thanx anyway

Ns4.0 vind ik wel heel erg overdreven. ns4 begint voor mij vanaf 4.5 ergens ofzo, je mag met oude troep browsen, maar 4.0 ...

Voor zover ik weet KAN het wel, je moet alleen echt helemaal geen style tags IN de div tag zetten, nergens, nooit, niet doen, afleren

en ik zou ook geen underscores gebruiken, ook nooit nergens en niet doen. dan heb je kans dat het ook in ns4.0 goed gaat.

maar ik blijf erbij dat developen voor 4.0 wel heel erg die hard extreem is.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

Pagina: 1

Reageer