div tags not moing
I have this wesbite http://atp.leontomlinson.com/prebeta/# which is in very early beta. The picture of the dog at the top keeps moving based on screen resolution. How do I keep it in the same place?
I have this as my HTML:
and this for the CSS:
Any ideas how to keep it in the right position or any other ways to get it there?
I have had a look at your site but the dog image isn’t loading in firefox but chrome its ok. Your image is positioned absolutely so its position wont change at the moment. You need to set the images size as percentage so it changes with screen size.
Ok thanks. And I also noticed that. All the Div tags that I have created wont show up in Firefox or IE but is fine in chrome.
The CSS property content needs to be used with pseudo elements before or after so change your #dogimg to #dogimg:before
I see it your dog image in firefox if I do that.
Thanks so much. It has worked. The only problem I have now is that the blue paw prints at the bottom of the page need to be aligned at equal widths apart from the text. I have used this code for the paws
It changed and sometimes overlaps onto the text on different screens.
The div that contains the paw prints and the Call Obligation Free text needs an id and width. Once you have added that I can have another look for you. Use percentage or em for the width.
I have. I am using this CSS:
But still moves around and overlaps the text on different screen resolutions.
- The topic ‘div tags not moing’ is closed to new replies.