Inês Teles wrote:

> At http://www.gofair.org

> The problem is I'm trying to get the #primary div which will contain 
> the main navigation to display inside the header, just above the 
> brown line WITHOUT absolutely positioning it (this is what I had to 
> do for the search box) and I just can't seem to do it no matter what 
> I try.

No problem making the relevant element float where you say it is
supposed to, but I won't provide "a fix" since debugging reveals serious
problems with the underlying source-code/CSS:

1: validator indicates tag mismatch around #header...
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gofair.org%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator%2F1.606>
...and a missing tag there would be fatal. The whole structure
consists of nothing but nested divs, which makes debugging difficult.
(I'd rather have to deal with an old "nested tables" mess from the age
before W3C standards, than a divitis-case like this.)

Solution: you must find, and fix, cause for this and the other errors.


2: #primary has a 'float: right' declaration - not a 'float: left'.
Even with added specificity it won't obey a 'float: left' declaration
unless an "!important" keyword is added. This means one has to override
some other style, which I can't easily find in there.

Solution: you must find dominating style(s), and introduce a strategy to
overcome specificity conflicts like that.


regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to