Sign in to follow this  
Followers 0
LouisMoore16

IE external css problem

3 posts in this topic

im creating my own personal webpage just for fun. this is how i want it to work and is how it is displayed in Chrome/Firefox/Safari

chrome_zps60e5da57.png

however it looks like this in IE. note that i have zoomed out to get it all in on the screen shot

ie_zps93c3f2ad.png

after seeking some advice i was told to add !important to my css so that i can move these items to the desired position. to which i came out like this....

untitled10_zps89b3932c.png

am i going wrong somewhere? is this correct way to position things? here is the code in the external css file


h2 {
font-family: 'Paytone One', sans-serif;
font-size: 30px;
position: relative !important;
top:-150px !important;
left:-250px !important;
color: black;
}
h3 {
font-family: 'Paytone One', sans-serif;
font-size: 20px;
position: relative ;
top:200px ;
left: 100px ;
}
.image2 {
position: relative ;
bottom:100px ;
left: 100px ;
}
.box1 {
width: 100%;
height: 5px;
background-color: #FC3B3B;
position: relative ;
bottom:0px ;
left: 0px;
}
p {
position: relative ;
bottom:0px ;
left: 0px ;
font-size: 15px;
font-family: arial;
color: #585858;
}
[/CODE]

Share this post


Link to post
Share on other sites

don't worry problem resolved now :)

Share this post


Link to post
Share on other sites

you should post how you resolved it, otherwise someone will curse you after finding this thread on google.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.