Jumping tables?

Sp00n · 18 Jul 2006 at 14:58

I'm building up a site for a friend of mine and i've come across this really weird problem.

There is a central table which is a fixed 750px wide and 100% tall but some of the pages jumped the table a couple pixels right and some are fine, maybe its just firefox but its a really weird issue and i can't see any differences in the code to cause this!!

The site: http://tai.sp00ny.co.uk/

Anybody throw up some ideas please?!?!?

Sp00n · 18 Jul 2006 at 15:33

Dj_Jestar said:
Lose the table

You un-helpful git.

Sp00n · 18 Jul 2006 at 15:41

Yea IE doesn't seem to have any issues with it, it's just firefox from my end but i can't see what on earth is causing it!

Sp00n · 18 Jul 2006 at 16:13

What would i use instead of tables?

Sorry to sound dumb but i'm only just getting back in to doing some web stuff.

Sp00n · 18 Jul 2006 at 16:26

oh wow, that is seriously inspiring, ty

Sp00n · 19 Jul 2006 at 16:17

Alright gay... i've spent a fair bit of time trying to re-do it in css, here's my results:

http://www.sp00ny.co.uk/css/test.htm (the links don't go anywhere)

I'm pretty chuffed!

Sp00n · 19 Jul 2006 at 16:24

Aslong as your happy john, thats all i care about

Sp00n · 19 Jul 2006 at 16:57

We know (tu)

Sp00n · 20 Jul 2006 at 10:31

I've noticed that firefox and IE are rendering the paragraph spaces a lot bigger , is there anything i can do to stop this?

Sp00n · 20 Jul 2006 at 12:28

Didn't make any difference!

My css sheet:

Code:

#header {
		background:#fff;
		   width:750px;
		   margin:2px auto 0;
		   position:relative; 
		   } 
body 	{ text-align: center; }
		
		
#content {
		background:#fff;
		   width:730px;
		   margin:0 auto 0;
		   border:10px solid #fff;
		   position:relative;
		   padding: 0px;
		   }
			
body 	{
		background-image: url(bg_tile.jpg);
		margin:5;
		text-align: left;
		}

.style1 {
		font-family: Verdana;
		font-size: 10px;
		color: #FFFFFF;
		}
		
.style2 {
		font-family: Verdana;
		font-size: 10px;
		color: #545454;
		text-align: left
		}

.class1	a:link {color: #545454}
.class1 a:visited {color: #545454}
.class1 a:hover {color: #fff}
.class1 a:active {color: #fff}

Sp00n · 21 Jul 2006 at 10:12

oi, johnny boy, any idea's?

Or anyone else for that matter?

Sp00n · 21 Jul 2006 at 10:47

Code:

p 		{
		padding: 0;
		margin: 0
		}

#header {
		background:#fff;
		   width:750px;
		   margin:2px auto 0;
		   position:relative; 
		   } 
body 	{ text-align: center; }

#menu	{
		padding: 10px;
		margin: 10px
		}
		
		
#content {
		background:#fff;
		   width:730px;
		   margin:0 auto 0;
		   border:10px solid #fff;
		   position:relative;
		   padding: 10px;
		   }
			
body 	{
		background-image: url(bg_tile.jpg);
		/* margin:5; */
		text-align: left;
		}

.style1 {
		font-family: Verdana;
		font-size: 10px;
		color: #FFFFFF;
		}
		
.style2 {
		font-family: Verdana;
		font-size: 10px;
		color: #545454;
		text-align: left
		}

.class1	a:link {color: #545454}
.class1 a:visited {color: #545454}
.class1 a:hover {color: #fff}
.class1 a:active {color: #fff}

Thats what i've changed it to, but that just kill's all the paragraph formatting!

/edit i added in some formatting for the menu but it seems to be ignoring it, css n00b :cool: