Jump to content

Percentages :S


danhodge

Recommended Posts

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

Edited by danhodge
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...