Log in

View Full Version : Text / Link Help


ritchie2100
04-12-2010, 06:50 PM
Hi

Here is my website; http://gamingnetwork.ritchie-brown.co.uk/

It looks fine in a maximized window, however when it's not in a maximized window the Login / Register text won't move with the rest of the website. How do I fix this?

Thanks!
BLiZZaRD
04-12-2010, 10:26 PM
Your CSS declaration:



#login {position: absolute; font-family: "Arial", Times, serif; color: #000000; font-size: 13px; font-weight: bold; padding-top: 2px; padding-bottom: 0px; padding-left: 890px; padding-right: 0px;}


The absolute attribute prevents it from being fluid. Change it to fixed, or remove it altogether.
ritchie2100
04-13-2010, 08:34 PM
When I did that the text would go above the banner and still wouldn't scroll with the rest of the website.
BLiZZaRD
04-13-2010, 09:16 PM
An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is <html>. Absolutely positioned elements are removed from the normal flow. The document and other elements behave like the absolutely positioned element does not exist.

A relative positioned element is positioned relative to its normal position. The content of a relatively positioned elements can be moved and overlap other elements, but the reserved space for the element is still preserved in the normal flow.

Your choices for positioning are:

absolute
fixed
relative
static
inherit

Part of the problem is the absolute positioning, if fixed didn't work try relative. Another problem is the div you have the logo in and the dive you have the register link in are 100% width of the page. They are going to keep stretching to 100% even when minimized. The banner is less obvious because it is centered.