Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] gedefineerde <div> naar midden brengen. raar...

Dilbert
5 antwoorden
  • Beste mensen,

    Ik heb een aantal layers. zie hiervoor www.destroy.nl/index.php. Zoals je ziet staan ze links. ik wil graag deze in het midden hebben, dan is de site in alle resoluties goed te zien.

    Helaas is mijn kennis van css te beperkt dit 'netjes' op te lossen. Ik kan de oplossing niet vinden in CSS tutorials.

    De positie van de layers staat op 'absolute'. ik heb uiteraard de layers verteld dat zij een bepaald aantal pixels van links en van boven moeten staan.

    Hoe krijg ik, de opmaak behoudend, het hele zooitje naar het midden? Het is vast iets simpels, maar ik kom er niet op. En ik wijger frames te gebruiken.

    d.
  • Zet de buitenste div op position:relative; en gebruik daarbij geen andere dingen, zoals top, right, bottom, left. Kan opzich wel, maar het is beter van niet, om problemen te voorkomen.

    Vervolgens kun je de binnenste divjes positioneren ten opstaande van de buitenste (relative) met position:absolute;.

    Zie ook het CSS 2.1 gedeelte (spec) over positioning.

    Centreren: http://annevankesteren.nl/test/templates/center-h
  • Als je het geheel in een container-div zet (omdat [i:c0032fb60e]body[/i:c0032fb60e] nog niet in alle browsers goed te stylen is) kan je ook het hele zooitje in één keer centreren. Zie ook dit topic.

    - Bas
  • het maken van een <div> waarin mijn overige blokken zitten werken niet.
    margin:0 auto; is iets wat niet werkt op mijn blok. de div blijft simpelweg links staan.

    ik ben nu geneigd de pagina in het midden te includen met php, dan zijn de blokken wel gecentreerd. dit hoeft niet lijkt mij en is denk ik dubbelop.

    ik weet echt geen oplossing.

    d.
  • [quote:c9202757a2="Dilbert"]het maken van een <div> waarin mijn overige blokken zitten werken niet.
    margin:0 auto; is iets wat niet werkt op mijn blok. de div blijft simpelweg links staan.

    ik ben nu geneigd de pagina in het midden te includen met php, dan zijn de blokken wel gecentreerd. dit hoeft niet lijkt mij en is denk ik dubbelop.

    ik weet echt geen oplossing.

    d.[/quote:c9202757a2]

    mm, het werkt wel in Opera :lol:

    Ik heb bij mij site het zo gedaan. Werkt overal
    [code:1:c9202757a2]
    #achtergrond
    {
    background: url(../images/jpeg/heinekenmenu.jpg);
    padding: 0px;
    padding-top: 10px;
    position: absolute;
    left: 50%;
    width: 770px;
    height: 680px;
    margin-bottom: 0px;
    margin-left: -385;
    margin-top: 0px;
    }
    [/code:1:c9202757a2] (in #achtergrond staat alles, zeg maar container)

    Je moet dan de totale breedte van de 'container' delen door 2, en deze waarde als NEGATIEVE waarde opgeven bij 'margin-left'. Dan ook nog 'left: 50%' en je hebt em mooi in et midden staan.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.