Userlookup Alignment Glitch?!

[Mouseykins]

I went to my lookup last night on my new Macbook and everything was misaligned and now I just checked it again and its misaligned even more. Yet on my desktop everything's positioned where I put it. Is this something to do with my coding or my settings on my macbook?

 

here's the link to my lookup

 

Any help with this would be greatly appreciated since I will be using my macbook to do all my graphics.

 

Thanks!

[Xepha]

Some of your code is being blocked by Neopets filters (-blocked-)...

 

Otherwise, it could be related to your screen resolution, which I imagine is smaller on your macbook? If you could upload screenshots for us, it might be easier to trouble shoot. I have no idea what it is supposed to look like when it's "right".

[binkygirl999]

I'm on iMac (chrome) and it's badly misaligned for me.

 

I'm not sure what is going on though as I haven't yet tried to upload a template via mac. I am going to later today so if I find anything helpful, I'll let you know. The PP is possibly right though that it could be blocking some of your code which is causing it. Neo blocks so much more code now. I actually couldn't preview an old default petpage recently as it kept saying it contained blocked code :laughingsmiley:

[Mouseykins]

what it's supposed to look like is have al the text and modules aligned inside my decorative borders. maybe I'll try playing around with it later and adjust my coding and see what happens on my desktop computer. I can't upload screenshots at the moment as I'm not sure how to do that on a mac yet lol still in the learning phase. *off to check TDN's screenshot info page*

 

I haven't done any editing in my coding yet.

 

Here's what I see on my Mac:

 

Here's what I see on my Windows Desktop:

[Piticent]

Well, that'd do it. I'm on Windows 7, IE9, and it looks fine to me. I'm not sure how to fix it though...I actually didn't know some codes don't work in other browsers/operating systems...

[Xepha]

I know where your problem starts...

 

On your very first line of code, you used a bunch of breaklines to push down your table. That's a big problem :P.

 

<style>
body {
background: url("http://i852.photobucket.com/albums/ab85/mouse_angel18/Creativity/FaerielandBackgroundBorder.jpg");
background-color: indigo;
}
#main {
background: url("http://img153.imageshack.us/img153/5345/eightyfour.jpg") no-repeat;
background-color: indigo;
margin-left: 125px;
}
#footer, .user, #nst, .sidebar, .brand-mamabar, hr, #ban, #habitarium, #ncmall {
display: none;
}
#header {
background: url("http://i852.photobucket.com/albums/ab85/mouse_angel18/Creativity/HeaderImagecopy.jpg") 0px 90px no-repeat;
width: 990px;
height: 300px;
border: 0px;
}
#template_nav {
visibility: visible;
}
.content div a img, .content div b {
visibility: hidden;
}
.contentModule div a img, .contentModule div b {
visibility: visible;
}
#navigation {
width: 950px;
}
#template_nav {
margin-left: -60px;
margin-top: 205px;
}
#navigation img {
margin-left: 5px;
}
#main {
width: 1005px;
background-color: darkviolet;
border-left: 1px solid darkviolet;
border-right: 1px solid darkviolet;
}
#content {
width: 965px;
margin-left: 3px;
margin-top: -5px;
border: 0px;
}
ul.dropdown {
border: 1px solid #000000;
background: darkviolet;
}
.dropdown li a {
color: violet !important;
}
.dropdown li a:hover {
color: pink !important;
}
.contentModuleContent {
background: url("-blocked-");
}
#main a {
font-family: arial;
font-size: 12pt;
color: purple;
}
#main a:hover {
color: pink;
}
a:link, a:active, a:visited, b, a {
color: -blocked-;
font-weight: bold;
}
a:hover b, a:hover {
color: -blocked-;
}
.contentModuleTable {
border: 2px solid darkviolet;
}
.contentModule {
border: 2px solid darkviolet;
}
.contentModuleHeaderAlt, .contentModuleHeader {
font: 40px fiolex girls;
color: magenta;
background: darkviolet;
}
p, td, body, table, tr, font, a, .medText {
font-family: mistral;
color: -blocked-;
font-size: 20pt;
}
.contentModuleHeaderAlt, .contentModuleHeader {
display: none;
}
#userinfo {
width: 400px;
margin-top: 140px;
margin-left: 43px;
}
#usercollections {
width: 270px;
margin-top: 80px;
margin-left: 165px;
}
#userneopets {
width: 650px;
margin-top: -898px;
margin-left: 170px;
}
#userneohome {
position: absolute;
width: 250px;
height: 250px;
margin-left: -380px;
margin-top: -325px;
}
#usershop {
width: 200px;
margin-left: -780px;
margin-top: 1380px;
}
#usertrophies {
width: 900px;
margin-top: 60px;
margin-left: 35px;
}
#infobox {
margin-top: 600px;
margin-left: 35px;
}
</style>


<table width="90%" cellpadding="20" cellspacing="0" border="0" class="contentModule" id="infobox">
<tr valign="top"><td class="contentModuleHeader">Me</td></tr>
<tr><td class="contentModuleContent" height="100%"><div align="left" style="padding: 4px;"><b><font size="3" color="3e0172" face="Lucida Handwriting">Merry Meet! This is only a bit about me, there's much more but unfortunately it will not all fit here. I'm a huge bookworm and enjoy reading a good book in my spare time. My favourite author is Tamora Pierce who writes about empowering heroines. Currently I have sunk my teeth into "The House of Night" series, which I found to be amazing. Popular artists on my playlist are: Three Days Grace, Evanescence, In This Moment, Stone Sour, and Skillet. My favourite shows on TV are CSI: Crime Scene Investigation, NCIS, NCIS:LA, Criminal Minds, Grey's Anatomy, Private Practice, and The Glades. I own all 8 seasons of Charmed and find myself watching them from beginning to end every once in a while. I also enjoy watching the Star Treks as well as Scooby-Doo. My favourite movie series is Underworld and I can't wait for the next movie.<br><br>
I would like to thank Izzy for her wonderful tutorial page! <a href="http://www.neopets.com/~Sariyra"><img src="//images.weserv.nl/?url=http://izzy.bumpwire.com/htmlguides/link1.jpg" border="0"></a><br>I would also like to thank sammy110807 and _l_b_2001 for helping <br>me with my coding! <br>I love to chat, so feel free to neomail me anytime! Blessed Be!<br>Note: Lookup under construction!<br><br><br></font></b></div></td></tr>

 

Suggestions:

 

For optimal coding practice, always put the style part of your code at the top when using inline stylesheet.

I added a new selector #infobox to position your about me text.

 

You will need to adjust/fix all your margins manually so all your box are falling in the right place.

 

In the future, it would be a good idea to apply a background image to each module so they follow your text properly. ;)

 

You should also edit everything that reads as -blocked- (since it means it was blocked by Neopets filters).