School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 307,083 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,253 people online right now. Registration is fast and FREE... Join Now!




new problem with navbar

 

new problem with navbar

axel

25 Sep, 2007 - 06:20 PM
Post #1

Bug Juice Doesn't Come in a Jar
Group Icon

Joined: 31 Dec, 2006
Posts: 1,937



Thanked: 2 times
Dream Kudos: 100
My Contributions
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.

User is offlineProfile CardPM
+Quote Post


asadarnell

RE: New Problem With Navbar

25 Sep, 2007 - 07:15 PM
Post #2

D.I.C Head
**

Joined: 30 Aug, 2007
Posts: 108


My Contributions
QUOTE(axel @ 25 Sep, 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.

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.
User is offlineProfile CardPM
+Quote Post

supersssweety

RE: New Problem With Navbar

26 Sep, 2007 - 06:57 AM
Post #3

D.I.C Regular
Group Icon

Joined: 16 Mar, 2007
Posts: 340



Thanked: 3 times
Dream Kudos: 125
My Contributions
QUOTE(asadarnell @ 25 Sep, 2007 - 08:15 PM) *


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
User is offlineProfile CardPM
+Quote Post

axel

RE: New Problem With Navbar

26 Sep, 2007 - 06:59 AM
Post #4

Bug Juice Doesn't Come in a Jar
Group Icon

Joined: 31 Dec, 2006
Posts: 1,937



Thanked: 2 times
Dream Kudos: 100
My Contributions
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.
User is offlineProfile CardPM
+Quote Post

supersssweety

RE: New Problem With Navbar

26 Sep, 2007 - 07:06 AM
Post #5

D.I.C Regular
Group Icon

Joined: 16 Mar, 2007
Posts: 340



Thanked: 3 times
Dream Kudos: 125
My Contributions
QUOTE(axel @ 25 Sep, 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.


"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.barelyfitz.com/screencast/html-...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 Sep, 2007 - 07:23 AM
User is offlineProfile CardPM
+Quote Post

supersssweety

RE: New Problem With Navbar

26 Sep, 2007 - 07:22 AM
Post #6

D.I.C Regular
Group Icon

Joined: 16 Mar, 2007
Posts: 340



Thanked: 3 times
Dream Kudos: 125
My Contributions
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

CODE

<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 Sep, 2007 - 07:24 AM
User is offlineProfile CardPM
+Quote Post

axel

RE: New Problem With Navbar

26 Sep, 2007 - 08:37 AM
Post #7

Bug Juice Doesn't Come in a Jar
Group Icon

Joined: 31 Dec, 2006
Posts: 1,937



Thanked: 2 times
Dream Kudos: 100
My Contributions
OoOh. Thanks! I'll go try that.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/21/09 10:37AM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month