div menu 2

[vietboy505]

I want my copyright.php file to be in the bottom center, menu to be left. Any help?

<div id=menu style="float:left">
<? include('nav_link.php') ?>
</div>

<div id=logo style="float:top; float:right">
<? include('logo.php') ?>
</div>

<div id=copyright style="float:bottom; float:center">
<? include('copyright.php') ?>
</div>

Right now my copyright.php is at the top.

Also, can I combine logo.php & copyright.php into a file? This way I don't have to embed two divs for each .php.
Don't know how would this work since the link & image will be at different position.

 

[Vragabond]

We would need to know more? Do you want the copyright to exist in the bottom center all the time or move with the page content? Does it have to be at the bottom of the screen, or just at the bottom of the page? Is logo right next to the copyright?

You can do all what you ask, but I think it is better if you tell us exactly what you want than us guessing that.

 

[vietboy505]

I want copyright always to be at the bottom & center of the page, regardless of content, it's stayed fixed.

The logo is always on the top & right, stayed fixed & regardless of the content.

Thanks.

 

[Foamcow]

Just to clarify...

Do you want the copyright at the bottom of the content or the window?

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[vietboy505]

Hmm.. I want the copyright at the bottom of the window.

 

[Foamcow]

In that case, use absolute positioning.

<style type="text/css">
	#footer {
		position:absolute;
		bottom:0;
		height:50px;
		text-align:center;
		width:100%;
	}
</style>

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[vietboy505]

Where do I put those code & how do I call it?

<style type="text/css">
    #footer {
        position:absolute;
        bottom:0;
        height:50px;
        text-align:center;
        width:100%;
    }
</style>

<div id=menu style="float:left">
<? include('nav_link.php') ?>
</div>

<div id=logo style="float:top; float:right">
<? include('logo.php') ?>
</div>

<div id=copyright style="#footer">
<? include('copyright.php') ?>
</div>

 

[Vragabond]

style information you need to put in the head of your html document. Even better option is to take whatever is within the style tags (not the tags themselves) and put them in a separate file with the css extension and use

<link href="mystyle.css" rel="stylesheet" type="text/css" />

again in the head of your html code.

Lastly, you would then reference the footer with <div id="footer"> in the last code and not style="footer".