This is a shell mock-up with *a lot* less CSS.  Granted, I've only looked
at it in Chrome but this should get you started.  I cleaned up the markup a
bit, namely what you were using to markup the menu that contained "About",
"Women's", etc. - use nested <ul>'s :).

http://codepen.io/chrisrockwell/pen/gFsiH/

Pay no attention to the seemingly arbitrary class names and ID's - I use
snappy snippet to take it from the inspector to codepen and it does that.

Again, this should get you on your way to something *much* cleaner, more
maintainable, and easily adaptable to narrower devices via media queries.
 Good luck!


On Mon, Mar 17, 2014 at 11:45 AM, John <j...@coffeeonmars.com> wrote:

>
> On 3/17/14 8:14 AM, Chris Rockwell wrote:
>
>> I would recommend re-thinking how you execute your layout.  Absolute and
>> relative positioning are completely unnecessary in this case, and you're
>> only setting yourself up for more 'top: this' and 'left:this' when you
>> want
>> to make this responsive.  In addition, you're using position:relative on
>> at
>> least one element and then 'positioning' it with margin-top whereas on
>> another element in the same group, you're using 'top'.  It's just a bit
>> messy.
>>
> OK..how far up should I go in this re-execution? just the footer area
> that's being snarky for me, or the whole entire layout?
>
> I've poured a delirious amount of time into this method of positioning on
> the strength of the idea that it avoided problems of the float left float
> right clear both method.
>
> Perhaps its time spent learning..something..but I don't have any more time
> to squander on experiments...I sure don't need even more problems when it's
> time to make this buzzard responsive
>
> THanks for you input
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> 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/
>



-- 
Chris Rockwell
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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