navigation gets pushed below text section (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

levins -> navigation gets pushed below text section (3/8/2007 19:26:55)

The site looks fine in ie. The problem appears in firefox & netscape. I tried to change the padding but it didn't do anything. The navigation on the left hand side appears at the bottom of the page.

Also, the company name does not appear in the proper spot when i view the site in firefox.

http://www.sanworx.com/testsite



jaybee -> RE: navigation gets pushed below text section (3/9/2007 4:53:16)

quote:

I tried to change the padding but it didn't do anything.
Did you try to change it in the page itself? If so you can't so that, you're using Cascading Style Sheets. You need to edit the code in your styles800.css file.

The padding is still the same as it was before my suggested changes in the other thread.

You need to change the line:

.sidelinks {
padding: 10px 18px 5px 8px;
text-align: left;
}

change the padding to 10px 8px 5px 8px;

I've tried it and it works.



jaybee -> RE: navigation gets pushed below text section (3/9/2007 4:57:41)

The header problem is possibly because, haven't tried this, you have the container div in there twice 

<div class="content">
		<!--webbot bot="Include" U-Include="includes/companyname.htm" TAG="BODY" startspan -->
<div class="content"><h1><font color="#FFFFFF" size="5"><b>Mohrhusen & Associates, Inc.</b></font></h1></div>


You're also putting your styling in the page, the whole point of css is that it sits in the external css file so if you need to make changes you only need to do it once for the entire site.

<h1><font color="#FFFFFF" size="5">

If you go to the css file mentioned above you'll see a line in there specifying the styles for all h1 tags, you change that.

There's a handy primer and tag examples at www.w3schools.com/css/



levins -> RE: navigation gets pushed below text section (3/9/2007 10:23:04)

I changed the padding in css. The navigation is still at the bottom of the page when I view it in firefox.

I removed the styling from the page and made the changes in css.



jaybee -> RE: navigation gets pushed below text section (3/9/2007 10:31:00)

I've just loaded the page with the link above in FF and the menu is where it should be.

[image]local://upfiles/9075/A696EF9BD89F44C99909FE74C8C9017D.gif[/image]



levins -> RE: navigation gets pushed below text section (3/9/2007 10:54:34)

I wonder why it doesn't look like that on my machine...



levins -> RE: navigation gets pushed below text section (3/9/2007 11:05:16)

I fixed the company name. Can you view the site in netscape? It looks messed up on my end when I view the site with netscape. the layout is gone. I just see blue background, text and the images I inserted.



jaybee -> RE: navigation gets pushed below text section (3/9/2007 12:43:13)

I'm running Netscape 8.1 and it looks fine to me in that.

[image]local://upfiles/9075/FA1740E5403F43F0A509C1C7A62B5639.gif[/image]



jaybee -> RE: navigation gets pushed below text section (3/9/2007 12:56:49)

I found your site was slow to load and came up as you say when I looked earlier on, it wasn't loading the stylesheet for a good few seconds, then it suddenly popped up.

You may be suffering from a caching problem or your host may be busy.



levins -> RE: navigation gets pushed below text section (3/9/2007 15:16:25)

Can you try it again, to see if the site still loads slow? I made a change that is suppose to solve the slow loading problem.



jaybee -> RE: navigation gets pushed below text section (3/9/2007 15:49:37)

quote:

<link rel="stylesheet" type="text/css" href="styles800.css" />
That's the baby [:D] Yes much faster. I posted for you to change your import to that assuming that was what was causing the netscape problem but when it loaded OK in mine I deleted it.



levins -> RE: navigation gets pushed below text section (3/9/2007 15:58:48)

Thank you for your help today, I really appreciate it!!



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625