6 Replies - 1117 Views - Last Post: 26 September 2007 - 09:37 AM

#1 axel   User is offline

  • Bug Juice Doesn't Come in a Jar
  • member icon

Reputation: 2
  • View blog
  • Posts: 1,944
  • Joined: 31-December 06

new problem with navbar

Posted 25 September 2007 - 07:20 PM

Ok. I want to make it so my navigation bar stays in one place at the top.

here is my site again: My Webpage

When you shrink down the page it just keeps moving over, and actually I wouldn't mind if it only moved so far, and then stopped sliding over.

Any help would be great.
Is This A Good Question/Topic? 0
  • +

Replies To: new problem with navbar

#2 asadarnell   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 108
  • Joined: 30-August 07

Re: new problem with navbar

Posted 25 September 2007 - 08:15 PM

View Postaxel, on 25 Sep, 2007 - 07:20 PM, said:

Ok. I want to make it so my navigation bar stays in one place at the top.

here is my site again: My Webpage

When you shrink down the page it just keeps moving over, and actually I wouldn't mind if it only moved so far, and then stopped sliding over.

Any help would be great.

I really doubt anyone will shrink their window down that small to make it overlap. You could put aleft: 600px; or however far you wanted it away from the left edge. Also, why does the site have a horizontal scroll bar? I'm at 1680x1050 and STILL have a scroll bar when in full screen. Also, your top menu could be made with Javascript-less CSS/Text. It's pointless to use all images.
Was This Post Helpful? 0
  • +
  • -

#3 supersssweety   User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

Re: new problem with navbar

Posted 26 September 2007 - 07:57 AM

View Postasadarnell, on 25 Sep, 2007 - 08:15 PM, said:

I really doubt anyone will shrink their window down that small to make it overlap.


Actually if you resize the window to 800X600 then it overlaps enough to notice the white corners. Believe it or not, there are still those who use 800X600 screens, also when you resize it the vertical left navigation jumps over to the right side past the header
Was This Post Helpful? 0
  • +
  • -

#4 axel   User is offline

  • Bug Juice Doesn't Come in a Jar
  • member icon

Reputation: 2
  • View blog
  • Posts: 1,944
  • Joined: 31-December 06

Re: new problem with navbar

Posted 26 September 2007 - 07:59 AM

I know. It is really getting annoying. I'm going to finish school for today, and then go see if i can figure this out. and yeah I am going back to the CSS navigation bar, I was just testing something.
Was This Post Helpful? 0
  • +
  • -

#5 supersssweety   User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

Re: new problem with navbar

Posted 26 September 2007 - 08:06 AM

View Postaxel, on 25 Sep, 2007 - 07:20 PM, said:

Ok. I want to make it so my navigation bar stays in one place at the top.

here is my site again: My Webpage

When you shrink down the page it just keeps moving over, and actually I wouldn't mind if it only moved so far, and then stopped sliding over.

Any help would be great.


"1. position:static

The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document.

Normally you wouldn't specify this unless you needed to override a positioning that had been previously set." from http://www.barelyfit...ss/positioning/

Now are you using dreamweaver? I noticed style1 and style2 so if you are using dreamweaver you should insert>layout objects>layer and position that where you want the menu to be, this is an absolute positoned div is all, but dreamweaver makes it easy to position right where you want it. Cut the code out for that div that dreamweaver creates, put the layer div in the header div and make the header div, position:relative;

now let me see about the left nav

This post has been edited by supersssweety: 26 September 2007 - 08:23 AM

Was This Post Helpful? 0
  • +
  • -

#6 supersssweety   User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 373
  • Joined: 16-March 07

Re: new problem with navbar

Posted 26 September 2007 - 08:22 AM

OHHH now I see why the lefnav is running away, the wrapper is meant to contain EVERYTHING to wrap around all of the content. This is how I would set it up

<div class="wrapper">
  <div class="header">
	insert your header pic and info here and position it reletive give it the appropriate width
	<div class="topnav">
	position this absolute
	</div>
  </div>
<!-- From here you could:-->
  <div class="leftnav">
	 give the appropriate width
	 float this left
  </div>
  <div class="content>
	give it the appropriate width
	float this right
  </div>
<!-- or you could -->
  <div class="content">
	no float but give the same width as the header and wrapper
	<div class="leftnav">
	  float left
	</div>
  </div>
<!--and don't forget the footer even if it is just &nbsp;-->
  <div class="footer">
	be sure to clear:both;
  </div>
</div>


This post has been edited by supersssweety: 26 September 2007 - 08:24 AM

Was This Post Helpful? 0
  • +
  • -

#7 axel   User is offline

  • Bug Juice Doesn't Come in a Jar
  • member icon

Reputation: 2
  • View blog
  • Posts: 1,944
  • Joined: 31-December 06

Re: new problem with navbar

Posted 26 September 2007 - 09:37 AM

OoOh. Thanks! I'll go try that.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1