Why is my website doing this???

Fry750 · 6 Feb 2008 at 16:06

http://www.brokenrubix.co.uk/pulse.html

Please help!!

The copyright div is out of position by a couple of pixels and I can't for the life of me work out what's causing it.

All help is appreciated

unwashed potato! · 6 Feb 2008 at 16:13

position:relative;
left:2px;
top:2px;

not going to tell whats wrong with it but thats a hint

Ross1234 · 6 Feb 2008 at 16:14

you have

position:relative;
left:2px;
top:2px;
margin-right:2px
}

try getting rid of left and margin

adamph · 6 Feb 2008 at 16:14

take out the margin-right:2px out of the copyright div and then try it

Yeggstry · 6 Feb 2008 at 16:18

Take the "top:2px" out of your #copyright id.

Also, if you use firefox and don't use it already, install the web developer add on. I was able to highlight the div to see the style, then change it on that page to fix it on-the-fly within a minute. Very useful tool.

howdydoody · 6 Feb 2008 at 16:20

not sure if its me but in firefox it looks a mess. its out all over the place.

unwashed potato! · 6 Feb 2008 at 16:44

howdydoody said:
not sure if its me but in firefox it looks a mess. its out all over the place.

weird you say that as for me ff is pretty much fine, few small size changes needed, however ie is wrong.

Pulse · 6 Feb 2008 at 17:13

looks like you're making a website for me, eh?

just out of curiosity are all of the divs meant to touch each other?

Ross1234 · 6 Feb 2008 at 17:16

now the middle is retarded

Fry750 · 6 Feb 2008 at 17:17

Lol.

No, there is supposed to be a 2 pixel gap between each.

God knows why Firefox is doing it differently

howdydoody · 6 Feb 2008 at 17:29

I played about in FF:

Changed:

#logo{
width:600px;
height:150px;
background-color:#000000;
margin-left: auto;
margin-right: auto;
}

and

#content{
width:548px;
height:400px;
background-image:url(/Images/pbg1.jpg);
background-repeat:repeat-x;
float:none;
margin-bottom:2px;
margin-left: auto;
margin-right: auto;
}

Looks spot on in FF now.

Fry750 · 6 Feb 2008 at 17:38

You star!!!

howdydoody · 6 Feb 2008 at 17:42

Not bad seeing as I am new to CSS too

I am currently trying to set up a Zencart based template, now thats a PITA!

HTML is rusty, CSS is in learning and now PHP to learn as well :/

Fry750 · 6 Feb 2008 at 17:46

Nice.

I know HTML and CSS, not expertly but I'm learning new stuff every day.

I can't believe how hard it is to create a good website, aesthetics are only part of the problem.

Ross1234 · 6 Feb 2008 at 17:49

Well done, but what are you going to put in those minute columns?

Fry750 · 6 Feb 2008 at 17:51

Nothing, it's just a demo really.

I have a sort of interview coming up and they want me to demonstrate my mad skillz.

The columns are just meant to represent a menu system.

howdydoody · 6 Feb 2008 at 17:53

Fry750 said:
Nice.

I know HTML and CSS, not expertly but I'm learning new stuff every day.

I can't believe how hard it is to create a good website, aesthetics are only part of the problem.

Yeah, I have found lots fo sites dedicated to the graphical side of website design, to teaching each of the languages etc but finding one that teaches how to build a whole website and how the code responds to the graphics and each other is proving near impossible.

Fry750 · 6 Feb 2008 at 17:56

Yeah.

I know a couple of sites. http:www.tizag.com for the coding and such and http://www.tutorialize.com for aload of other tutorials such as Photoshop and Flash etc.