everythings fine on firefox.
but when i looked at it on internet explorer,
my contents on the right..
what can i do to fix it?
my cousin said that my page looked fine last week.
and last week was when i added the lytebox thing...
Full Version: my page is messed up on ie?
Can you give us a link to your page please?
lov3burst.net
I'm guessing your site is centered, right? Well there's a simple trick to getting through this problem, just use the code below and follow the instructions underneath it.
1. Ok, you got this little template above. First of all, .CLASS_NAME represents the class name of your div section. Change that accordingly.
2. position: absolute; is the method of positioning you're going to use.
3. top:###px; is how far down you want the div section to be. Replace the ### with any value you desire. Remember, the greater the number, the lower you go.
4. left:50%; is how far to the right we're going, and this case, we want to go 50% right. Do not change this property.
5. Now here's our little problem fixer. margin-left:-###px; is how far to the left you're going and this property works along with the left:50%; property to center it in both browsers and it also centers it on any resolution. Change the ### to half of your div's width.
6. Replace the ### in the width property to the width of your div.
7. Replace the ### in the height property to the height of your div.
Now save the file and you're done! Good luck.
CODE
.CLASS_NAME {
position: absolute;
top:###px;
left:50%;
margin-left:-###px;
width:###px;
height:###px;
}
position: absolute;
top:###px;
left:50%;
margin-left:-###px;
width:###px;
height:###px;
}
1. Ok, you got this little template above. First of all, .CLASS_NAME represents the class name of your div section. Change that accordingly.
2. position: absolute; is the method of positioning you're going to use.
3. top:###px; is how far down you want the div section to be. Replace the ### with any value you desire. Remember, the greater the number, the lower you go.
4. left:50%; is how far to the right we're going, and this case, we want to go 50% right. Do not change this property.
5. Now here's our little problem fixer. margin-left:-###px; is how far to the left you're going and this property works along with the left:50%; property to center it in both browsers and it also centers it on any resolution. Change the ### to half of your div's width.
6. Replace the ### in the width property to the width of your div.
7. Replace the ### in the height property to the height of your div.
Now save the file and you're done! Good luck.
my suggestion is using the below code to specifically change the css of your layout in ie only.
im sure you get the idea. hope that helps. oh and for centering a div a simpler way to do it is just
CODE
something {
left:whatever; //both ie and ff understand that element
_left:whatever; //only ie understands that element
top:whatever; //ie and ff
_top:whatever; //only ie
}
left:whatever; //both ie and ff understand that element
_left:whatever; //only ie understands that element
top:whatever; //ie and ff
_top:whatever; //only ie
}
im sure you get the idea. hope that helps. oh and for centering a div a simpler way to do it is just
CODE
.div_class {
margin:auto;
}
margin:auto;
}
Do you have backup of old page? if so, just copy and paste the tables on to the backup. If that doesn't work, get another page from your site and modify it with the information on the page that's messed up. I wish I could help more but I don't know any html or css. You can also check the w3c site to learn about coding.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.