• 0

IE external css problem


Question

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]

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.