Weergegeven resultaten: 1 t/m 8 van 8
  1. #1
    Gevorderd   MabadosS's schermafbeelding
    Geregistreerd
    29 mei 2005
    Locatie
    Brugge Sint-Andries
    Berichten
    234
    Bedankjes
    105
    Bedankt
    43 keer in 33 posts

    2 divs naast elkaar, linker div onderaan uitlijnen

    Beste forumleden, ik loop even vast op een klein opmaakprobleempje.

    Ik heb 2 divs naast elkaar dmv float: left.

    De twee divs zitten in een container div om ze samen te houden.

    De twee divs zijn niet beiden even groot en de inhoud van de tweede div (rechts) varieert.

    Daarom wil ik dat de linker div onderaan blijft plakken zodat de afbeelding daar telkens aansluit bij de onderkant van de rechter div, maar ik krijg het technisch niet voor elkaar.

    Iemand een tip? (nog beter zou zijn dat de linkerdiv altijd dezelfde hoogte heeft als de rechter div, maar dat lukt ook niet)

    HTML
    Code:
    <div class="container">
    <div class="links"></div>
    <div class="rechts"></div>
    </div>
    CSS
    Code:
    .container {
        width: 1200px;
            background-color:black;
                overflow: hidden;
    }
    .links {
        width: 350px;
            background-color:yellow;
                float:left;
    }
    .rechts {
        width: 850px;
            background-color:purple;
                            float:left;
                
    }
    Laatst gewijzigd door MabadosS; 26 oktober 2014 om 15:12
    Mvg MabadosS

  2. #2
    mam@minatica   compuchrisje's schermafbeelding
    Geregistreerd
    10 mei 2005
    Locatie
    Waasland
    Berichten
    17.685
    Bedankjes
    14.959
    Bedankt
    35.816 keer in 14.502 posts
    De div rechts geef je geen float="left" eigenschap, maar wel een linkermarge van 350 px (= breedte van de gele div).
    Ik weet nu niet wat voor afbeelding je gebruikt, maar als het gewoon een achtergrondkleur moet zijn, zou ik de achtergrond van de container dezelfde maken als de gele div.

    Medewerkers gevraagd voor IT-nieuws, Windows all, Besturingssystemen!!! Ben je gemotiveerd? Contacteer dan één van de admin's

  3. De volgende gebruiker bedankt compuchrisje voor deze nuttige post:

    MabadosS (26 oktober 2014)

  4. #3
    Gevorderd   MabadosS's schermafbeelding
    Geregistreerd
    29 mei 2005
    Locatie
    Brugge Sint-Andries
    Berichten
    234
    Bedankjes
    105
    Bedankt
    43 keer in 33 posts
    Dag Compuchrisje, Dank voor je hulp.
    Het was inderdaad fout om de rechter div ook float left te geven, dat moets idd een marge zijn.

    Maar het probleem blijft hetzelfde.
    Ik zal even verduidelijken.

    In de linker div (nu geel) komt een afbeelding van een boom, niet als achtergrond, maar gewoon als afbeelding.
    Het is de bedoeling dat de wortels van de boom altijd onderaan blijven. Vandaar dat ik zou willen dat div links altijd dezelfde hoogte heeft als div rechts (die varieert van hoogte naargelang de inhoud). Op die manier kan ik aangeven dat div links de inhoud altijd aan de bodem houdt.

    Maar het probleem is dus eigenlijk dat ik het niet voor mekaar krijg om die 2 divs gelijk te houden.
    Mvg MabadosS

  5. #4
    mam@minatica   compuchrisje's schermafbeelding
    Geregistreerd
    10 mei 2005
    Locatie
    Waasland
    Berichten
    17.685
    Bedankjes
    14.959
    Bedankt
    35.816 keer in 14.502 posts
    Is het een gestileerde afbeelding? Dan kan je wel wat eraan doen, misschien wel wat omslachtig.
    Verdeel die afbeelding in 3 delen: de kruin, de stam en de wortels. Noteer nauwkeurig de afmetingen.
    Verdeel nu de div in 3, die onder elkaar moeten komen. De eerste (bovenste) met de exacte afmetingen van de kruin, de derde (onderste) met de juiste maten van de wortel. De tweede div, waar de stam dus moet rekken of krimpen geef je geen hoogte.
    Voor kruin en wortel laat je de afbeelding niet herhalen (no-repeat), maar wel voor de stam op de y-as.
    'k Zou het zelf moeten proberen, maar we hebben onze kerstboom nog niet opgesteld

    Apropos, de div zelf geen hoogte geven, anders geeft dat rare effecten.

    Medewerkers gevraagd voor IT-nieuws, Windows all, Besturingssystemen!!! Ben je gemotiveerd? Contacteer dan één van de admin's

  6. #5
    PC-Freak   Spoorzoeker's schermafbeelding
    Geregistreerd
    10 mei 2005
    Locatie
    in een huis met een dak er op
    Berichten
    1.484
    Bedankjes
    88
    Bedankt
    691 keer in 529 posts
    Zet alles eens in één cel van een table ?
    De schuld ligt nooit bij jezelf, maar altijd bij een ander.

  7. #6
    Gevorderd   MabadosS's schermafbeelding
    Geregistreerd
    29 mei 2005
    Locatie
    Brugge Sint-Andries
    Berichten
    234
    Bedankjes
    105
    Bedankt
    43 keer in 33 posts
    Dank voor de reacties.
    Het lijkt dus niet zo eenvoudig te zijn.

    @Spoorzoeker, tables wou ik vermijden, maar ik denk dat dat het meest eenvoudige wordt.

    Dank om mee te denken, maar ik ga voor het gemak dus nog eens een table gebruiken voor opmaak.
    Mvg MabadosS

  8. #7
    PC-Freak   Spoorzoeker's schermafbeelding
    Geregistreerd
    10 mei 2005
    Locatie
    in een huis met een dak er op
    Berichten
    1.484
    Bedankjes
    88
    Bedankt
    691 keer in 529 posts
    Ik weet dat er mensen zijn die gruwen bij bepaalde programmeertechnieken, maar ik gebruik wat ik zélf makkelijk vind. Als een ander daar niet me kan leven, het zij zo.
    Dus als jij tables (oneigenlijk) wilt gebruiken, gewoon doen !.
    De schuld ligt nooit bij jezelf, maar altijd bij een ander.

  9. #8
    mam@minatica   compuchrisje's schermafbeelding
    Geregistreerd
    10 mei 2005
    Locatie
    Waasland
    Berichten
    17.685
    Bedankjes
    14.959
    Bedankt
    35.816 keer in 14.502 posts
    Als hij heel die afbeelding in 1 tabel (zonder formaat, gewoon de volledige vertikale ruimte), gaat die boom er vreselijk raar uitzien als de pagina langer wordt. Natuurlijk is mijn idee ook niet zo perfect, want een stam van een halve kilometer is nu ook geen zicht. Alles hangt er natuurlijk van af hoe lang de tekst/info-sectie gaat worden.
    @Spoor: tabellen is inderdaad vrij makkelijk, maar de weergave in de diverse browsers kan nogal verschillen heb ik gemerkt. Met div's kan je meer spelen, je kan ook een layer aanmaken waarin je alles kan zetten wat je wil en die eender waar op de pagina zetten met de opgegeven coördinaten. Probleem is dan wel op welk beeldscherm het wordt weergegeven. Bij een mobieltje zal dat er niet zo mooi uitzien als in een weergave op breedbeeldscherm.

    Medewerkers gevraagd voor IT-nieuws, Windows all, Besturingssystemen!!! Ben je gemotiveerd? Contacteer dan één van de admin's

Discussie informatie

Users Browsing this Thread

Momenteel bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

Soortgelijke discussies

  1. Gif afbeeldingen naast elkaar tot één maken
    Door Silverwing in forum Grafisch algemeen
    Reacties: 35
    Laatste bericht: 13 augustus 2013, 11:19
  2. 2 office versies naast elkaar
    Door Torro124 in forum Office
    Reacties: 8
    Laatste bericht: 9 maart 2012, 21:49
  3. Afbeeldingen en tekst naast elkaar?
    Door Silverwing in forum Office
    Reacties: 9
    Laatste bericht: 29 oktober 2006, 09:30
  4. Linux en XP naast elkaar
    Door 2B's in forum Mac OS, Linux en andere
    Reacties: 3
    Laatste bericht: 30 april 2006, 12:40
  5. Excel: 2 werkbladen naast elkaar plaatsen
    Door desje in forum Office
    Reacties: 3
    Laatste bericht: 5 januari 2006, 22:24

Favorieten/bladwijzers

Favorieten/bladwijzers

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •