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.



Click here to login or here to register to remove this ad, it's free!