postioning different on Mozilla and IE help please

[ModernRevolutions]

I am coding a layout here: dynamic.modernrevolutions.net and i am using the method where you have the top image then the image the repeats down to continue the strips. However when i get it to line up on IE it messed up in Mozilla. any suggestions? just view the page in both IE and mozilla and you will see what i mean. please help

[TheJoshMan]

looks the same in both IE AND Mozilla FF to me... They're both messed up.

[mburt]

I get the same thing. However, I use IE 7, are you using IE 6 or lower?

[TheJoshMan]

I viewed in IE 7 as well...

@ IllustriousLyts: I'm pretty sure that in all of the many posts you have posted on here we've all told you the same thing. That you're going to have to get a "foundation" to your site before you can even think about fixing it. You have to start with proper format before you can even THINK about trying to give a site some style. below is your code, you're missing a WHOLE lot of what's needed for a proper web page... I'm surprised that the browsers are even interpreting it as well as what they are now.



<title>dynamic&trade; Layouts, Page Graphics, Picture Captions, and more!</title>




<link rel="stylesheet" type="text/css" href="http://dynamic.modernrevolutions.net/layout/style.css">


<style>body{
background:url(http://www.dynamic.modernrevolutions.net/layout/bottompiecetolayout.png);

background-repeat:repeat-y;

background-position:top center!important;

background-color:ffffff;}</style>





<div style="position:absolute;left:142.5pt!important;">

<img src="http://i302.photobucket.com/albums/nn86/kendruh326/oh.png" border=0>
</div>



<div class="content">
<div style="position:absolute;background-color:transparent; left:195px; top:280px; width:169px;border: #dcddde solid 0px; ">
<center>
<br>
<a href="http://www.usersonline.com"><img src="http://m.usersonline.com/counter/dynamiclyts.png" border="0" alt="snowflakes online"/></a>
<br>
<a class="nav" href="http://dynamic.modernrevolutions.net/index.php">home</a>
<br>
<a class="nav" href="http://dynamic.modernrevolutions.net/support us.php">Support us</a>
<Br>

<a class="nav" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=91599308">the myspace</a>
<br>
<a class="nav" href="http://dynamic.modernrevolutions.net/kendraaa.php">kendra</a>
<br>
<a class="nav" href="http://dynamic.modernrevolutions.net/contactme.php">Contact Me</a>
<br>
<a class="nav" href="http://dynamic.modernrevolutions.net/faqs.php">faq's</a>
<br>
<a class="nav" href="http://dynamic.modernrevolutions.net/tutorials.php">Tutorials</a>
<Br>

</div>

<div style="position:absolute; background-color:ffffff; left:325px; top:170px; width:170px;border:0px;border-color:000000;border-style:solid;">
<center><img src="http://dynamic.modernrevolutions.net/layout/afffo.png"></center>
<center><a href="http://www.modernrevolutions.net">ModernRevolutions</a>
<br>
<a href="http://www.litebritetm.com/">Litebrite</a>
<br>
<a href="http://www.flarelyts.trendmixlyts.com/themepacks.html">Flare</a>
<br>
<a href="http://www.oh-really.org/">Oh-Really</a>
<br>
<a href="http://www.islandbomb.so-pink.org/">Island Bomb</a>
<Br>

<a href="http://www.vintage-paris.mustlove.org/">Vintage-Paris</a>
<br>
<a href="http://www.5thav.webs.com/">Fifth Avenue</a>
<br>
<a href="http://www.kim.the-camisado.com/">PomPom</a>
<Br>
<a href="http://www.shibbylove.downtownlyts.com/">Shibby Love</a>
<br>
<a href="http://www.viola.hobscotch.net/">Viola</a>
<br>
<a href="http://www.seaswirl.graphixyadigg.com/">SeaSwirl</a>

<br>
<a href="http://www.lindacove.paint-the-silence.net">Lindacove</a>
<br>
<a href="http://www.deesdesigns.so-pink.org ">Dees Designs</a>
<br>
<a href="http://www.awesomeness.sundayexile.org/">Awesomeness</a>
<br>
<a href="http://www.radicodes.com">Radicodes</a>
<br>
<a href="http://dynamic.modernrevolutions.net/support%20us.php">support us</a>
/
<a href="http://dynamic.modernrevolutions.net/applyforaffiliates.php">apply?</a>

<
</center>



</div>

<div class="content">
<div style="position:absolute;background-color:transparent; left:889px; top:280px; width:168px;border: #dcddde solid 0px; ">
more stuffff
</div>

<div style="position:absolute;background-color:transparent;left:888px; top:70px; width:75px; height:95px; width:168px;border: #dcddde solid 0px; ">
yooyoyoyoyo
</div>

<div style="position:absolute;background-color:transparent;left:225px; top:85px; height:35px; width:150px;border: #dcddde solid 0px; ">

yooyoyoyoyo
</div>


<div style="position:absolute;background-color:transparent;left:225px; top:155px; height:35px; width:150px;border: #dcddde solid 0px; ">
heyeyeyeyyee
</div>




<div class="content">
<div style="position:absolute;background-color:transparent; left:380px; top:280px; width:495px;border: #dcddde solid 0px; ">


<center>

<h1>1 pixel off</h1>
the coding technique i used for this layout was have the top pic and then a sliver of the columns and repeat it all the way down the page to make it look like they keep going. However that means i have to line the background image with the top image, and trying to make the layout compatable in both Mozilla and IE its nearly impossible and since most people us IE it looks perfect in IE, however in Mozilla the top pic is about <u>1 pixel off</u> to aligning with the background pic. I know that kendra is prob pulling her hair out right now cuz of it but i've tried everything and so far no luck. I will continue trying but i cant gurantee i can fix it. <br>
<P align="right">Thanks,<br>
Josh</P>
<h1>UGH.</h1>
Yep, you guessed it. More problems with the site. Josh is letting me use his code and start from scratch with it. This way it should be the same on ie and mozilla like his is! UGHH.
<h1>new site layout</h1>
Yes, the old layout was messed up on internet explorer so until i decide to make another "difficult" one again i'm going to use this one as a temp. I'm still working on it though so sit tight :D



<h1>construction, again</h1>

i'm so sorry, but the site is under construction, again. it will be over very soon. sorry.
<h1>page is messed up, again</h1>
yes i know the page is messed up, check it on mozilla firefox and it looks completely normal. i'm still trying to fix itfor those of you who use internet explorer.

<h1>Yay</h1>
Yay, I put up the new site layout, I love it so much :D I'll also be making a suggestion area so you guys can suggest things you'd like to see :D So make sure younguys are commenting on the right side bar when you use something, thanks guys <3

<h1>Updated</h1>
I updated the site a bit, I think it looks pretty nice :D I'll be adding some new layouts at some point too :D

<h1>No More CuteNews</h1>
<br>

So apparently cutenews is getting people hacked, so i got rid of it :D</center>



<br><br><br>
<center>&copy; 2008-2009 Dynamic
<br>

<a href="http://dynamic.modernrevolutions.net/contactme.php">Contact Me</a>
<script type="text/javascript"><!--
google_ad_client = "pub-1674982502651297";
/* 468x60, created 7/28/08 */
google_ad_slot = "7693914103";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<br></center>

</div>
</center>



Some things you may want to think about adding would be:

1: DOCTYPE
2: <HTML>
3: <HEAD>
4: <BODY>
5: </BODY>
6: </HTML>

Just to name a few...

[mburt]

I hope you mean:

1: DOCTYPE
2: <HTML>
3: <HEAD>
4 <TITLE></TITLE>
5: </HEAD>
6: <BODY>
7: </BODY>
8: </HTML>

[TheJoshMan]

They've got a title I do believe...

[TheJoshMan]

ah, but i DID forget to add in the

</HEAD> tag... lol

[mburt]

I thought you were just trying to show proper HTML structure.

[mburt]

Yeah haha I noticed that.

[TheJoshMan]

No, I was just naming a list of some of the main things their site is missing... but I did fail to add the </HEAD> tag.

[mburt]

Ah I see. It would probably be more practical to IllustriousLytes to include the full structure... He/she seems to not know much about it.

[TheJoshMan]

I know for a fact that at least three of us have told them the same thing, this is like the 5th post about this same site and same problem. They've been posted by two different people, but they're always about the same site.

[mburt]

Strange. Seems like they are looking for a "quick fix". However, with no HTML structure, that's kind of hard.

[TheJoshMan]

exactly...

[kendra326]

....? pathetic. oh so very pathetic.

[kendra326]

and actually nobody actually told us how to fix it, you just said to get a good foundation first, how is that helping? so basically three of you did nothing to help.

[ModernRevolutions]

sorry we dont know a crap load of html or anything like that im only 17 and im not a super genius. and it only seems her site is messed up mine is fine (www.modernrevolutions.net)

[TheJoshMan]

I wasn't trying to be condescending to either of you. We did tell you that you need foundation to your site before you can try to "fix" the problems. By foundation, we mean "proper structure". The proper structure of a webpage consists of the following tags in this order.


<HTML>
<HEAD>
<TITLE>This is the title</TITLE>
</HEAD>
<BODY>
THIS IS THE BODY
</BODY>
</HTML>

When we viewed your site it did not have any of the most essential tags

ie. - <html><head><body> and so on.

That is what we meant by getting a foundation. When you stucture your site correctly it will be MUCH easier to find and correct the issues.

[TheJoshMan]

Ah, forgot another important tag..

<DOCTYPE blah blah blah>

That tag goes before the <HTML> tag.

[kendra326]

thanks, i'll try adding those in.

[TheJoshMan]

no problem

[kendra326]

i was wondering what the doc type code was, i was a bit confused about that and unsure of what to put. although other than that i added the other tags.

[kendra326]

???? :confused:

[Medyman]

I believe I've provided this link to you both before, but have a look at this article (http://www.alistapart.com/articles/doctype/) from A List Apart. It explains the importance and necessity of a DOCTYPE declaration.

[TheJoshMan]

the DOCTYPE tag will be the very first thing on your page. It should be the first line of code. If I remember correctly from looking at your source code, I would recommend using HTML 4.01 strict

[TheJoshMan]

With HTML strict, you will have less errors to correct to be able to validate than if you were to declare the page as XHTML or HTML loose

[kendra326]

haha i'm still sort of confused about what to put for it though

[TheJoshMan]

Place this as the very first line of code on your page...



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

[kendra326]

sorry html isn't my strongest area. i'm more into graphics than html. but yeah i added the doc type too. i need the closing tag too right? would it just be </doc>? and once again sorry about having so many questions.

[TheJoshMan]

nope, the "DOCTYPE" tag is self closing. so "</doc>" would not be necessary

[kendra326]

ohh okay thank you so much. i'm just going to try making a new layout, but i don't know how to fix the fact the alignment is messed up still

[TheJoshMan]

my first guess would be that somewhere in your CSS you have something defined absolute that should be relative, or you may possibly have your margins defined wrong. I am currently helping a couple other people, but if you still are having these issues when I get finished in a day or so, then I'll be more than happy to look into it more deeply.

[kendra326]

thanks

[kendra326]

yeah i put up the layout and i tried to change some stuff but i still cannot seem to figure out why the alignment is doing this. i guess i'll just wait until you can look at it.