navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

navigation gets pushed below text section

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> navigation gets pushed below text section 		Page: [1]
 
levins

 

Posts: 266
Joined: 12/12/2001
From: Hartland WI USA
Status: offline

  		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

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		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.

< Message edited by jaybee -- 3/9/2007 5:04:28 >

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to levins)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		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/

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jaybee)
levins

 

Posts: 266
Joined: 12/12/2001
From: Hartland WI USA
Status: offline

  		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.

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		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.


Thumbnail Image
:)

Attachment (1)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to levins)
levins

 

Posts: 266
Joined: 12/12/2001
From: Hartland WI USA
Status: offline

  		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...

(in reply to jaybee)
levins

 

Posts: 266
Joined: 12/12/2001
From: Hartland WI USA
Status: offline

  		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.

(in reply to levins)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		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.


Thumbnail Image
:)

Attachment (1)

< Message edited by jaybee -- 3/9/2007 12:55:05 >

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to levins)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jaybee)
levins

 

Posts: 266
Joined: 12/12/2001
From: Hartland WI USA
Status: offline

  		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.

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		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 :) 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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to levins)
levins

 

Posts: 266
Joined: 12/12/2001
From: Hartland WI USA
Status: offline

  		RE: navigation gets pushed below text section - 3/9/2007 15:58:48   
Thank you for your help today, I really appreciate it!!

(in reply to levins)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> navigation gets pushed below text section 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.