I'm trying to make a nevigation bar.
div#navigation{
postion: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
Can anyone tell me if I should use "position: absolute" or "float: left", as I only want a simple navigation bar on the left. And I tried to set height but mozilla doesn't seem to understantd this. Also, how to set the div#maincontent on the right? Thanks.Mozilla understands this correctly. If it looks OK in IE, its because of IE bug (I doubt it though).
CSS layouts:
<!-- m --><a class="postlink" href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html">http://www.thenoodleincident.com/tutori ... boxes.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://glish.com/css/">http://glish.com/css/</a><!-- m -->
1. If you need a footer that spans entire width of the browser window, and
2. You can't be sure that everytime your main contents will be longer than navigation
then, you'd be better off using float.
If you dont have a footer, or if your footer is same width as main contents, or if you are sure that your contents will *always* be longer than navigation, you may use absolute. The advantage of absolute positioning is that you can place the navigation div *below* the main contents (accessibility).
for more info:
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=AbsoluteOrFloatLayout">http://css-discuss.incutio.com/?page=Ab ... loatLayout</a><!-- m -->
height: 100% type visual display:
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/thr.col.stretch.html">http://www.positioniseverything.net/thr ... retch.html</a><!-- m -->
div#navigation{
postion: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
Can anyone tell me if I should use "position: absolute" or "float: left", as I only want a simple navigation bar on the left. And I tried to set height but mozilla doesn't seem to understantd this. Also, how to set the div#maincontent on the right? Thanks.Mozilla understands this correctly. If it looks OK in IE, its because of IE bug (I doubt it though).
CSS layouts:
<!-- m --><a class="postlink" href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html">http://www.thenoodleincident.com/tutori ... boxes.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://glish.com/css/">http://glish.com/css/</a><!-- m -->
1. If you need a footer that spans entire width of the browser window, and
2. You can't be sure that everytime your main contents will be longer than navigation
then, you'd be better off using float.
If you dont have a footer, or if your footer is same width as main contents, or if you are sure that your contents will *always* be longer than navigation, you may use absolute. The advantage of absolute positioning is that you can place the navigation div *below* the main contents (accessibility).
for more info:
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=AbsoluteOrFloatLayout">http://css-discuss.incutio.com/?page=Ab ... loatLayout</a><!-- m -->
height: 100% type visual display:
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/thr.col.stretch.html">http://www.positioniseverything.net/thr ... retch.html</a><!-- m -->