old_picker
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by old_picker
-
-
this is a dreamweaver fluid grid layout -
there are 3 statements of the navigator div ID one each for mobile, tablet and large screens.
the main css config is added into the mobile css section and is inherited by tablet and big screen sections - the two latter sections have only a few lines of code and each contain the clear: both; property.
I tried adding the property to the mobile section but results were not good
-
thanks
the clear: both; property is stated except under /* Mobile Layout: 480px and below. */ section
tried adding the property line line one there and nothing changed the green block still expands to top of screen
tried adding the statement last and the menu appears as a vertical block instead of inline at wide resolution and still expands to top of screen at narrow view
any further tips most appreciated
-
As you resize down the browser window you'll observe the menu bar collapse into a mobile drop down style menu. As you further decrease it you will observe it pop up to full screen height above its relative horizontal position behind the layout div above it. I estimate the change is happening at around 480 ish pixels wide
it is in the css of course but just which property is the culprit?
why is it changing it's size?
how can i prevent this happening?
thanks in advance
-
break point?
in CSS
Working on a menu bar for a site that I am stuck on.
As the browser is resized the navbar collapses into a dropdown mobile style menu.
This is working fine but it breaks to the dropdown a little early as the browser shrinks
Very simple site at this point with just the menu - so here's the url:
My link
As you resize the screen down you'll see what i mean
Any tips or advice on getting this to break a little later in resizing down would be most appreciated
thanks in advance
ray -
In large screen the nav bar sits at the top of the page obscuring the header div even though its div is below in code and design view [d/weaver CS6].
In design view the menu bar does not want to sit in its div. It floats above it and the div looks like a thin blue line behind the menu bar. Looks kind of like the div bar refuses to have the menu bar inside it so the menu bar jumps around wherever. As the browser is resized you can see a point where the menu bar wont fit horizontally and it suddenly goes into drop down mode and that is fine and working as I want it to, In mobile view it behaves. The menu is collapsed and drops down to show the links as required. You can however see when the screen size is small as you can go the menu slips up under the header div just a smidge.
be really nice if I could lock this thing down and get it to stay inside its div tag
it is probly a very simple fix but I cant see it
it is only a small amount of code to look at so here's a link to the page
http://www.aargent.com.au/fluid_grid/
any comments or tips gratefully received
thanks
ray
menu bar div hieght changes as viewport decreases
in CSS
Posted
firefox, chrome, iexp 10
Alll do the same except opera which wont resize that far