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...Ik loop vast

Gooly
3 antwoorden
  • Heel herkenbaar, ik voelde me net zo wanhopig toen ik overstapte van een tabellen layout naar CSS Maar nu zou ik niet anders meer willen, dus er is hoop :-)

    Ik zou deze pagina opdelen in vier divs:
    [img:8834274678]http://img301.imageshack.us/img301/8939/voorbeeldr.th.jpg[/img:8834274678]

    Een "main container" div (rood)
    een "navigatie" div (groen)
    een "main column" div (blauw)
    een "sidebar" div (Paars)

    De main container is de omvattende waar de hele site in hangt.
    Geef deze een vast breedte en een margin: auto; aan beide zijden en de site wordt gecentreerd

    Daain komt de navigatie div. Deze krijgt dezelfde breedte. Met margin-top kun je hem wat naar beneden duwen zodat je knoppen niet helemaal tegen het plafond aan zweven.

    Daaronder komt de main column div
    Die geef je een vaste breedte en een float naar links

    Daarnaast komt de sidebar. Ook een vaste breedte, ook een float

    Let er op dat de totale breedte van maincolumn en sidebar samen hetzelfde is als de breedte van de main container.

    Als je met padding en borders gaat werken, houdt dan rekening met het box model ('echte breedte' = border + padding + breedte. Een padding van 10 + een border van 1 + een breedte van 400 = 2x10 + 2x1 + 400 = 422 pixels ware breedte)

    Ik zou de hele achtergrond in de main container gooien m.b.v. background-image: url(plaatje.jpg);

Beantwoord deze vraag

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