This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by Kirsten
over 8 years

Oops, try again. Did you add 'position: absolute;' to your #earth-orbit style?

I went onto this forum, trying to see compare my code to the rest and mine looked the same but it still told me about my postition:absolute. This is my code: #earth { position: absolute; top: 0; left: 50%;

height: 50px; width: 50px; margin-left: -25px; margin-top: -25px; }

#earth-orbit { position: absolute; top: 50%; left: 50%;

width: 500px; height: 500px; margin-top: -250px; margin-left: -250px;

border-width: 2px; border-style: dotted; border-color: white; border-radius: 50%; }

Please help

Answer 55cd14809113cb5c5d0002bf

2 votes

Permalink

I had this same problem, it seemed to be because I had an extra bracket (}) at the end of my ‘Earth’ section on the style sheets. Try looking to see if you have any extra brackets, deleting them and resubmitting. Hopefully it works then!

points
Submitted by Jonathan Kimble
over 8 years

2 comments

Dragoris over 8 years

This was my problem as well. Thank you!

stubotticus over 8 years

Same problem, found the rogue bracket and once I deleted that everything worked ty ^-^

Answer 55b7de199376769f940005cb

0 votes

Permalink

I’m having the same problem. Mine looks exactly like yours. I even tried copying and pasting it directly from the Instructions. It must be a glitch, so I’m just going to move on. It will annoy me that it won’t be 100% finished, so I hope there’s a workaround eventually. I’m on Firefox, it might just be the brower ? idk

points
Submitted by Caroline
over 8 years

3 comments

Lauren Keeble over 8 years

Same thing happened to me and i’m using Chrome.

no difference using browser guys

just worked for me copy the code for#earth as well