Thu, 2010-09-02 16:14
Hello there,
I'm sort of new to CSS and i'm currently building a website.
Some of the stuff on the site has a position set to relative. I completely forgot about this but when i visit the page on a resolution lower than 1280 x 1024 my flash animation just clips itself to the left side of the browser leaving the rest behind in the center.
When i set this thing to a 'absolute' position and also reposition the footer, as it changes with it, my top menu wich is floating becomes un-clickable.
It is because of the float i suppose but how can it be fixed? Here is the menu:
#pillmenu li a { position: relative; left: 484px; height:39px; float:left; color: #919191; text-decoration: none; font-weight: 700; text-transform:uppercase; line-height:49px; padding: 0 24px 0 10px; margin:0; margin-top:27px; cursor:pointer; background: #000 url(../images/t_menu_divider.png) no-repeat top right;
I also found this on the problem: http://www.chat11.com/Bug_Css_Cant_Click_Links_In_Float_Right_Boxes
They describe it as a bug, is there a fix for this currently?
Thanks in advance
Thu, 2010-09-02 16:44
#1
Dont use relative or absolute
Dont use relative or absolute positioning. Use floats with margins to layout the page. You want to keep everything in normal flow. Using RP and AP can be very problematic if not used wisely.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Thu, 2010-09-02 17:43
#2
CupidsToejam wrote: Dont use
Dont use relative or absolute positioning. Use floats with margins to layout the page. You want to keep everything in normal flow. Using RP and AP can be very problematic if not used wisely.
Thanks that helped 
I've noticed some other stuff overlapping on other pages as well. Is it wise to also set those to float or can it backfire when you set lots of stuff to float (as in overlapping etc)?
I know how to clear, just asking to be sure.
Thu, 2010-09-02 20:24
#3
use floats with margins to
use floats with margins to layout your pages. use AP or RP for little things.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS