Page 1 of 2 12 Last
  1. #1
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    xHTML/CSS: Probleem met automatische centreren

    Sinds kort gebruik ik het centreer commando van hier op het forum. Maar nu vormt er zich echter een probleem, dat bij sommige pc's een stuk van mijn headers wordt gesneden.
    Is dit normaal? En kan dat op een handige manier worden verholpen?

    Code die ik gebruik in mijn css:
    Code:
    #gecentreerd_main
    {
    	position: absolute;
    	left:50%;
    	top: 50%;
    	/* waarden totaal */
    	width: 746px;
    	height: 680px;
    	/* helft waarden totaal */
    	margin-left: -373px;
    	margin-top: -340px;
    	background-color: Transparent;
    }
    Alvast bedankt!
    no votes  

  2. #2
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Een voorbeeld zou toch wel enorm handig zijn. Aangezien ik dat probleem nooit heb meegemaakt.
    no votes  

  3. #3
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Ja sorry
    Voorbeeldjes:

    Link
    Link
    no votes  

  4. #4
    brechtvm's Avatar
    Registered
    06/11/03
    Location
    Koksijde/Zottegem
    Posts
    6,523
    iTrader
    42 (98%)
    Mentioned
    0 Post(s)
    Reputation
    0/1
    margin: 0px auto;
    dit toepassen op een container (1 grote div)
    .: Toshiba A100-768 (T7400 - 1gb Ram - 100gb Hdd - x1400) / Dell Latitude E6500 (T9400 - 4Gb Ram) :.
    no votes  

  5. #5
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Ach, dat maakt toch niet uit, beide manieren werken even goed.

    Zoals het er nu uitziet is je height groter dan je origineel opgegeven hebt en wordt ie daarmee wat te hoog gezet. Maar zonder html voorbeeld kan ik dat niet met zekerheid zeggen.
    no votes  

  6. #6
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Kdacht dat je het gewoon wou zien op foto
    Link 1
    Link 2
    no votes  

  7. #7
    Dave's Avatar
    Registered
    17/07/02
    Location
    heaven
    Posts
    235
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    link2
    waarom gebruikt ge frames ...
    in safari klopt u menu nie , waarschijnlijk door tables
    waarom alle div's absolute. snap ik de bedoeling niet goed van.
    als ge ne gecentreerde pagina maakt: container waar ge alles insteekt met vaste width en margins op auto that's it.
    no votes  

  8. #8
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Frames? Bij mijn weten zitten er geen frames in!
    Ja het menutje zit in een table, maar dat kan ik even goe weg laten.

    Dus zo?
    Code:
    #gecentreerd_main
    {
    	position: absolute;
    	left:50%;
    	top: 50%;
    	/* waarden totaal */
    	width: 746px;
    	height: 680px;
    	margin: auto;
    	background-color: Transparent;
    }
    no votes  

  9. #9
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Kheb het zo eens geprobeerd, maar nu is het nog erger!
    Nu zie je mijn pagina ne meer staan.
    Ge moet helemaal naar rechts scrollen en naar onder ook ...

    ksnap het niet zelle ...
    no votes  

  10. #10
    Smoerf's Avatar
    Registered
    28/07/04
    Location
    Wevelgem
    Posts
    552
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Ik snap niet waarom je je pagina absoluut wil positioneren, in mijn ogen moet je hem enkel horizontaal centreren.

    Code:
    body{
       text-align:center; /* IE fix */
    }
    
    #gecentreerd_main{
       text-align:left; /* IE fix */
       margin:0px auto;
    }
    Wat jij doet is zowel horizontaal als verticaal centreren, maar je moet rekenen, als je site 680px hoog is en mijn reso is 800 x 600, dan zie ik de bovenste 40 pixels nie tvan je design (minimum, want mijn browserwindow neemt natuurlijk ook nog wat van mijn reso in)
    [/code]
    no votes  

  11. #11
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Kwil er gewoon voor zorgen dat de website telkens in het midden staat van een pagina, dus als je de website ziet op een 19" scherm dat ie int midden staat ...
    Kvind da mooi Of raden jullie mij da af?
    no votes  

  12. #12
    XeNiUs's Avatar
    Registered
    03/05/03
    Location
    Hasselt
    Posts
    1,412
    iTrader
    21 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Body : text align center

    dan uwe totale outline : margin right en left op auto zetten en de tekst terug links centreren
    no votes  

  13. #13
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Als ik die aanpassingen deed, werd de header goed meegegeven maar nu stond alles links gecentreerd!
    Code:
    #gecentreerd_main
    {
    	/* waarden totaal */
    	width: 746px;
    	height: 680px;
    	margin: auto;
    	background-color: Transparent;
    }
    Link: http://users.telenet.be/babygirllj/site_menu.html
    no votes  

  14. #14
    XeNiUs's Avatar
    Registered
    03/05/03
    Location
    Hasselt
    Posts
    1,412
    iTrader
    21 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Enkel de RIGHT MARGIN en LEFT MARGIN op auto zetten !

    En niet vergeten in de body de text center mee te geven, en dan in uw outline div text left terug zetten.
    no votes  

  15. #15
    -=Apollo=-'s Avatar
    Registered
    05/03/06
    Location
    Ninove
    Posts
    358
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Ok bedankt allemaal!
    Sorry dat ik er nie snel genoeg mee weg was ... still learning
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in