11 berichten aan het bekijken - 1 tot 11 (van in totaal 11)
  • Q:
    Bijdrager
    iPod Jimmy

    Hele breedte min bepaald aantal px

    Ik ben bezig met het maken van een site. Daarin heb ik rechts een balk met daarin mijn flickr foto’s, last.fm plaatjes en misschien nog iets. Nu wil ik links daarvan een div die de hele breedte heeft min dat aantal px van die rechter div. Daarin wil ik vervolgens de content doen, maar dat ter zijde, weet iemand hoe ik dit het beste kan oplossen? Misschien met javascript?

    Bvd.

    Edit: Voorbeeldje (ter verduidelijking?)

    Bijdrager
    LittleJohnny

    width links =”80%” width rechts =”20%”

    gewoon met % werken ipv pixels (in de css)

    Bijdrager
    hansenonline

    links een padding-right geven van de rechter kolom plus de witruimte er tussen lijkt me. kijk anders op deze pagina voor css idee├źn klik

    Bijdrager
    danielpunt

    Ik zou inderdaad Javascript proberen. :D

    Bijdrager
    iPod Jimmy

    @danielpunt: Wat moet ik dan doen? Iets in deze richting?

    [code:1:ca48cd17b8]function leftwidth () {
    var width = "screen.width" – 300;
    cwidth.document.getElementById("cleft");
    cwidth.setAttribute(’style’, width);
    }[/code:1:ca48cd17b8]

    Ik weet niet zoveel van javascript, dus dit was maar een probeersel, lukte niet, hoor, trouwens.

    Bijdrager
    danielpunt

    Oh, sorry, ik maakte een grapje. JavaScript gebruik je niet hier voor :).

    Heeft de groene DIV een vaste breedte of niet?

    Bijdrager
    iPod Jimmy

    Ja, die heeft een vaste breedte.

    Bijdrager
    danielpunt

    Oke, en de rode ook neem ik aan. (Dit is even uit mijn hoofd, kan niet testen hier).

    [code:1:e8599a5e1c]<div id="wrapper"><div id="content"><!– inhoud –> </div> <div id="sidebar"><!– sidebar –></div>

    #wrapper {
    width: 410px;
    margin: 0 auto;
    }

    #content {
    width: 300px;
    float: left;
    margin-right: 10px;
    }

    #sidebar {
    width: 100px;
    }[/code:1:e8599a5e1c]

    Bijdrager
    iPod Jimmy

    De leftbar kan verschillen. Ligt aan de grootte van het venster… Dat maakt mijn vraagstuk zo lastig. Anders had ik het ook wel geweten.

    Inactief
    Anoniem
    ”danielpunt”

    Oh, sorry, ik maakte een grapje. JavaScript gebruik je niet hier voor :).

    Heeft de groene DIV een vaste breedte of niet?

    Het is al 2 april hor:D :evil:

    Bijdrager
    TijhofGraphics

    Hij wil dus Links een vlak en rechts vlak. Het rechtse is een vaste breedte en het linkse de overige ruimte van het scherm, maar wel zo dat als iemand zijn/haar scherm heel smal maakt het maar kleiner word tot een minimum.

    Links is minimaal 200px breed, rechts minimaal 200px breed, links mag onbeperkt groter worden als daar ruimte voor is. Hoogte is niet belangrijk nou, als voorbeeld: 700px hoogte.

    Bijvoorbeeld:
    Persoon A heeft de website fullscreen, 1440*900
    Rechts is 200px breed, LInks de overige 1240 px breedte
    Hoogte is 700px.
    -> Geen scrollbalken

    Persoon B heeft het zelfde scherm maar heeft het venster klein(er) gemaakt, 200*500.
    Rechts is 200px, links is 200px minimaal dus breedte is totaal 400, er zal een breedte-scrollbalk komen
    Hoogte is 700px, 500px is het venster, er zal een hoogte-scrollbalk komen
    -> Breedte- en hoogtescrollbalken

    Dit is wat hij bedoeld. Ik zie het vaak genoeg op internet, vraag het me ook al een hele tijd af.

    Vooorbeelden:
    – weet ik zo niet
    :oops:

    EDIT: http://www.antix.co.uk/code/css/imposing_minimum_width/example_1.htm
    de middelste en de rechtse hebben een minimum, maar mogen breder worden.
    Uiteraard moet bij de TopicStarters bedoeling de rechter wel worden vastgezet, maar de techniek is hetzelfde.

    EDIT 2: Hier is de hulp om het te maken http://www.antix.co.uk/code/css/imposing_minimum_width/

    [size=7:331dfa9987] Heb je eigenlijk Google wel geprobeerd ? Ik -wel- [/size:331dfa9987]

11 berichten aan het bekijken - 1 tot 11 (van in totaal 11)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.