Archief - xHTML/CSS: centreren met absolute positie

I

Ingis

Legacy Member

• 1 dec 2004

• #1

ben dus bezig aan een site

http://users.pandora.be/ingis/hmz/


maar ik krijg dus mijn layout niet gecentreerd eh ksnap er niets af
in css (staat er bij) heb ik alles gepostioneerd.
alle images in apparte div gestoken, deze dan allemaal weer in een "container" div gestoken, de alignments op center gezet maar niet willen eh :'(

dus enige hulp zo welkom zijn.


alvast bedankt

ingis

ps comments over lay-out mogen ook altijd, dak die eventueel ook nog kan aanpassen.

I

Ingis

Legacy Member

• 1 dec 2004

• #2

euh ondertussen nog een vraagje, hoe zorg je als je een div met bepaalde width en height niet verder vergroot, dus de heigth het zelfde blijft, maar in de plaatst daarvan een scrollbalk verschijnt in de div ??

E

Erlend

Legacy Member

• 1 dec 2004

• #3

Op je tweede vraag.

Code:

overflow:scroll

\\ In je css bestand natuurlijk!

I

Ingis

Legacy Member

• 1 dec 2004

• #4

hmz ty , kunde euh de onderste scrollbar uitschakelen ?? kwil alleen die op de zijkant hebben , thx

I

Ingis

Legacy Member

• 1 dec 2004

• #5

nvm , kheb alles gevonden

C

Cakeman

Legacy Member

• 1 dec 2004

• #6

Op je eerste vraag: http://users.pandora.be/cakeman/cakeman/tutorials/centerdiv/index.html

P

PC_Freak

Legacy Member

• 1 dec 2004

• #7

Cakeman zei:

Op je eerste vraag: http://users.pandora.be/cakeman/cakeman/tutorials/centerdiv/index.html

Klik om te vergroten...

Een betere uitleg (imho) die ook werkt in IE (die zal met margins alleen helemaal niet centreren): http://bluerobot.com/web/css/center1.html

C

Cakeman

Legacy Member

• 1 dec 2004

• #8

PC_Freak zei:

Een betere uitleg (imho) die ook werkt in IE (die zal met margins alleen helemaal niet centreren): http://bluerobot.com/web/css/center1.html

Klik om te vergroten...

De link die ik heb gegeven is volgens mijn oplossing opgebouwd, en IE centreert alles toch mooi hoor...

o

orez

Legacy Member

• 3 dec 2004

• #9

staat ook in de sticky....

position: absolute;
left: 50%;
width: 500 px; //breedte te centreren object
margin-left: -250px; //MIN helft van breedte van te centreren object

.. analoog ..
top: 50%;
height: 400 px;
margin-top: -200px;

werkt evengoed, next time ff sticky of google...

I

Ingis

Legacy Member

• 4 dec 2004

• #10

hmz met die absolute fixeds heb ik nu alles goed gekregen

ene kleine probleeme nu, ... firefox, die ondersteunt da nie
kheb dan begrepen dat er beter fixed wordt gebruik voor ff, maar ie doet da dan weer nie, dus hmz


greetz ingis


oh en nog een vraagje, kan iemand zeggen hoe je weer werkt met zo href "landkaarten" , alle dat je zo bv een vierkant kunt zeggen (de afmetingen) en dat die area als ge er op klikt naar die pagina opent. Dus eigenlijk een deel van je pagina zien als link; heeft prob wel een naam, ma ken het niet. kheb da ooit in ver verleden al eens gebruikt, ma kvind die paginas niet meer weer.

d

dJeez

Legacy Member

• 4 dec 2004

• #11

Ingis zei:

hmz met die absolute fixeds heb ik nu alles goed gekregen

ene kleine probleeme nu, ... firefox, die ondersteunt da nie

Klik om te vergroten...

Firefox doet dat normaalgezien zonder problemen (ttz ik centreer steeds absolute tov screen center en dat heeft altijd al gewerkt met FF en IE). Je zal dus wel iets verkeerd hebben gedaan.

I

Ingis

Legacy Member

• 4 dec 2004

• #12

hmz moet eens mijn pagina open in firefox da is echt focked up
http://users.pandora.be/ingis/hmz , de css staat er ook bij, al zitten proberen met fied ma werkt nog niet dus

alles is normaal valid , dus snap er niets af

d

dJeez

Legacy Member

• 4 dec 2004

• #13

Je positioneert dan ook niet correct hé, je deed gewoon een text-align: center; op de body tag, waardoor dat enkel in IE werkt (wat totaal niet zou mogen maar soit, iedereen weet dat IE een kutbrowser is ).

Vervang eens door 't volgende :

Code:

#totaal { position: absolute; left: 50%; margin-left: -325px; text-align: left; width:650px; height:650 px;}

body{ background-color:#000000; }

Works like a charm.

I

Ingis

Legacy Member

• 4 dec 2004

• #14

uw stukje css heeft mij idd al een heel stuk verder geholpen , waarvoor dank , alleen wilt firefox nu mijn middeste image niet meer tonen als background

d

dJeez

Legacy Member

• 4 dec 2004

• #15

Ingis zei:

uw stukje css heeft mij idd al een heel stuk verder geholpen , waarvoor dank , alleen wilt firefox nu mijn middeste image niet meer tonen als background

Klik om te vergroten...

Heh? Als ik die "werken.htm" pagina nu bekijk in Firefox en IE zie ik toch nergens een merkbaar verschil (buiten de lelijke niet-actieve scrollbalk in IE )...

I

Ingis

Legacy Member

• 4 dec 2004

• #16

moet home bekijken , werken.htm werkt met geen background ,

en scrollbar, waar ????




ik heb geen