eerder topic   volgend topic
  
Hoe een fireworkspagina centreren in dreamweaver 8
3 oktober 2008 - 17:48   
geplaatst door: MFrein
Hoe kan ik een pagina die ik met fireworks 8 heb ge-exporteerd in dreamweaver 8 centreren zodat de pagina altijd midden(boven) in het scherm van een browser verschijnt?
Hoe een fireworkspagina centreren in dreamweaver 8
3 oktober 2008 - 18:54    reactie #1
geplaatst door: marcone
de simpelste manier is als alles in een tabel staat, de tabel selecteren en dan op centreren zetten..
Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain
Hoe een fireworkspagina centreren in dreamweaver 8
3 oktober 2008 - 23:00    reactie #2
geplaatst door: MFrein
Dat heb ik geprobeerd maar als ik de hele pagina kopieer en in een tabel plaats, dan doen alle roll overs, layers en uitrol menu's het niet meer.

Ik heb het ooit geweten hoe het moest, het was iets mat de CSS veranderen, grote vraag is alleen ...

Hoe een fireworkspagina centreren in dreamweaver 8
4 oktober 2008 - 00:57    reactie #3
geplaatst door: marcone
maak een stylesheet aan en zet daarin:


Code: [Selecteer]
#container { width: 730px; padding: 0 0 0 0; margin:0 auto; float: none; clear: both;}

zet je content in je html pagina tusen 2 divs tags:


ik kan geen juiste html code hier plakken ,maar het moet dus zo zijn zonder de sterretjes:

Code: [Selecteer]
<**d***i***v i***d="container"> hiertussen je html </d***i***v>


alle inhoud tussen de div "container wordt nu gecentreerd. de div in het voorbeeld heeft een breedte van 730 pixels. dit kun je natuurlijk aanpassen..


succes!

Twenty years from now you will be more disappointed by the things that you didn't do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. - Mark Twain
Hoe een fireworkspagina centreren in dreamweaver 8
4 oktober 2008 - 10:56    reactie #4
geplaatst door: MFrein
Hoi Marcone,

Dank je maar het werkt deels. Mijn pagina's bestaan uit 2 div's waarin eerst de plaatjes en knoppen e.d. zitten en daarin of daarop de tweede DIV waarin de tekst zit die je dan kan scrollen.

De DIV waarin de tekst zit wil niet mee centreren. Nu heb ik al wel geprobeerd je container DIV daar nog een keer om heen te zetten maar dat werkt niet.

Hoe krijg ik de hele boel gecentreerd?

Hoe een fireworkspagina centreren in dreamweaver 8
7 oktober 2008 - 17:26    reactie #5
geplaatst door: Kaydie
Code: [Selecteer]
#container { width: 730px; padding:0; margin:0 auto; position:relative;}

Voor degene die het interesseerd.  :wink: :
Door de container div een 'position' te geven zullen alle absoluut gepositioneerde elementen die daarbinnen vallen nu de afstand nemen t.o.v. dat element. Als er geen 'parent elementen' met een position absolute of relative gepositioneerd zijn gebeurt dit vanuit de startpositie van het 1e element in de pagina (html dus) wat automatisch betekend dat deze vanuit de top van de 'viewport' gepositioneerd wordt...)

position relative voor de container div zorgt ervoor dat de container div zelf netjes op zijn plek blijft staan.

Interessant artikel over positioneren: http://www.digital-web.com/articles/web_design_101_positioning/

(Bewerkt door Kaydie om 17:28, 7-10-2008)

(Bewerkt door Kaydie om 17:29, 7-10-2008)

"…It sure is great to get out of that bag!" -- mac, 1984
--
kaydies
  
eerder topic   volgend topic