Positioning divs in mosaic style

Discussion in 'CSS' started by ST Graveyard, Feb 24, 2015.

  1. #1
    Hello all,

    I'm trying to build a website and am experiencing problems with the position of a div 'tile'. This is the site I'm working on : https://dl.dropboxusercontent.com/u/103417607/1/index.html
    I'm fairly new to the CSS and responsive programming world. Problem I have is the 'date' tile on the right, when resizing the window, for some reason, this tile creeps up underneath the 'log on' tile. I just don't see what I'm doing wrong as I don't have this with the other tiles.
    You can test it for yourself bij slowly dragging the right side of the browser window to the left (making the width smaller). The date tile will slowly creep up, while the other tiles (screenstar and latest news) stay nicely put. I don't understand this, as my css code is the same.
    This is my CSS file : https://dl.dropboxusercontent.com/u/103417607/1/css/style.css

    Any help would be greatly appreciated, this is giving me headaches.
    (I did check de JQUERY mosaic stuff, but I don't know if that is what I'm lookign for)
    Thanks,
    Maarten
     
    ST Graveyard, Feb 24, 2015 IP
  2. ST Graveyard

    ST Graveyard Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #2
    I was able to solve my issue thanks to these tips : http://www.htmlforums.com/css/t-positioning-divs-in-mosaic-style-160801.html#post854724
     
    ST Graveyard, Feb 25, 2015 IP