If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Feb 2018
    Member #

    CSS positioning after absolute elements

    Hi guys, I'm having trouble positioning text around an image (or 3) inside a div. The text wants to hide behind the image when you resize the viewport/ browser window.

    I have used an absolute position for the 3 images so that they appear on top of each other rather than one after another.

    Any help would be much appreciated.

    I have uploaded the code to codepen here:

    There is a live version here:

    HOME - AndyLane Photography 2018

    Many thanks



  3. #2
    Junior Member
    Join Date
    Mar 2018
    Member #
    You can to use top paddings in percents.

    When you will be resizing window your top paddings will be changing.

    Try to add "padding-top: 70%" to h2 element.

    And you don't forget that .stddiv must be height: auto.

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 03:53 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: