[danhodge]

There is literally no way i can begin to try and solve this problem :S

On firefox, a template i am creating works fine with the correct percentage, something around 80, however Internet Explorer and Opera require me to use 480% instead.

This is the code for the weird part, its the margin-left part which is causing this hassle:

#sidebar {
float: left;
[b]margin-left: 486%;[/b]
width: 110%;
border-width: 0px 1px 0px 0px;
border-color: black;
border-style: solid;
}

and for it to work in Firefox:

#sidebar {
float: left;
margin-left: 83%;
width: 20%;
border-width: 0px 1px 0px 0px;
border-color: black;
border-style: solid;
}

Thanks,
Danny

This post has been edited by danhodge: 12 March 2011 - 02:07 PM

[Susie]

Just curious...why are you using percents for the margin? Can you show us a link to your page (or at least more of the code)?

[danhodge]

Im centering the site, and i did the other measurements in percentages, so if i use pixels then it will only be centered on monitors the same size as mine...

And it seems to be corrected, but im not sure why, i just swapped some code around - but you can see the difference on the site here:

http://potatoes.netii.net/


Can you see what was wrong? I wouldn't mind knowing so i can avoid it next time :S

[Susie]

Well, I'm viewing in Firefox and it's not centered at all. I've used percentages for container widths before (though I much prefer to use pixels) and it's totally fine to use pixels for positioning at the same time.

Just use this for centering your container:

margin: 0 auto;

[danhodge]

Oh, thanks

I was unaware of that bit of easy code :L