Jump to content



Photo

IE external css problem


  • Please log in to reply
2 replies to this topic

#1 LouisMoore16

LouisMoore16

    Neowinian

  • Joined: 25-May 08
  • Location: Norwich

Posted 23 December 2012 - 15:44

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
Posted Image
however it looks like this in IE. note that i have zoomed out to get it all in on the screen shot
Posted Image

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....

Posted Image


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;
}



#2 OP LouisMoore16

LouisMoore16

    Neowinian

  • Joined: 25-May 08
  • Location: Norwich

Posted 23 December 2012 - 18:22

don't worry problem resolved now :)

#3 primexx

primexx

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 24-April 05

Posted 24 December 2012 - 08:26

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