Help with CSS...

John_Puk · 08-29-2006, 10:22 AM

Hi guys, I'm having a problem with my website.

My problem lies with the outline border that I have created for my website, as it has gone pear-shaped.

Take a look

My intention is to have the blue border go around the website, but as you can see, the border now lies at the bottom of the #titlebanner div.

If anybody can tell me what needs to be done to rectify this, I would really appreciate the help.

Regards,
John

paaaaaaaaaa · 08-30-2006, 03:04 AM

So you want an border around the main container of the website?

Your outline div looks like it's meant to be doing this but it has errors change it to.

Code:

#outline
{
width: 760px;
border: 1px solid #369;
margin: 0px;
}

There still seems to be strange things happening if you need some more help let me know.

John_Puk · 08-30-2006, 08:13 AM

Hi paaaaaaaaaa, thanks for the reply.

Quote:

Originally Posted by paaaaaaaaaa

So you want an border around the main container of the website?

Yes.

Quote:

Originally Posted by paaaaaaaaaa

There still seems to be strange things happening if you need some more help let me know.

I need more help...lol. I tried what you suggested, but it just shifted the page to the left. Got any more suggestions/theories?

If anyone can't locate the CSS for some reason, it's here.

Regards,
John

Dan · 08-30-2006, 09:56 AM

Change what you have for #copyright to:

Code:

#copyright
{
clear: both;
width: 760px;
height: 30px;
background-color: #EEE;
color: #111;
text-align: center;
}

John_Puk · 08-31-2006, 03:49 AM

EDIT: Dan, you were right, the problem has now been fixed, thanks!

I am very grateful for all your help.

Regards,
John

08-29-2006, 10:22 AM	#1 (permalink)
John_Puk New Member Join Date: Aug 2006 Location: Tyne & Wear, England Posts: 3 0.00 NP$ (Donate)	Help with CSS... FIXED! Hi guys, I'm having a problem with my website. My problem lies with the outline border that I have created for my website, as it has gone pear-shaped. Take a look My intention is to have the blue border go around the website, but as you can see, the border now lies at the bottom of the #titlebanner div. If anybody can tell me what needs to be done to rectify this, I would really appreciate the help. Regards, John Last edited by John_Puk; 08-31-2006 at 05:05 AM.

08-30-2006, 03:04 AM	#2 (permalink)
paaaaaaaaaa NamePros Regular Join Date: Mar 2005 Posts: 412 162.25 NP$ (Donate)	So you want an border around the main container of the website? Your outline div looks like it's meant to be doing this but it has errors change it to. Code: #outline { width: 760px; border: 1px solid #369; margin: 0px; } There still seems to be strange things happening if you need some more help let me know. __________________ Please add to my rep points if i was helpful. Thanks. Ripe Website Manager - Steve Parish

08-30-2006, 09:56 AM	#4 (permalink)
Dan Buy my domains. Join Date: Feb 2006 Posts: 2,801 56.00 NP$ (Donate)	Change what you have for #copyright to: Code: #copyright { clear: both; width: 760px; height: 30px; background-color: #EEE; color: #111; text-align: center; }

08-31-2006, 03:49 AM	#5 (permalink)
John_Puk New Member Join Date: Aug 2006 Location: Tyne & Wear, England Posts: 3 0.00 NP$ (Donate)	EDIT: Dan, you were right, the problem has now been fixed, thanks! I am very grateful for all your help. Regards, John Last edited by John_Puk; 08-31-2006 at 05:05 AM.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)