Jump to content

Learning positioning of divs and......


Ant

Recommended Posts

Just learning CSS and basic web design. I'm trying to understand POSITIONING of elements (divs for now) There are so many options BUT none of them make sense unless I know what the PROPER way to layout a page and the DIVS is.

 

I'm getting hung up on how (on a mac) COMMAND + or - option in a browser effects various different web pages and how it effects all the elements of the page. Sometimes elements move around and get bigger but don't block out other elements, sometimes the whole page gets bigger and stays intact. Whats the RIGHT way and how do I learn the techniques to place my divs to recreate that? I assume it has all to do with the "position" of the divs, margins, floats, static, relative etc ( basically all the stuff I have been TRYING to understand.) But it doesn't make sense until I know what my goal is.

 

In my mind( as a graphics person ) it seems logical (easiest) to give all my DIVS specific instructions i.e., pixel orientation on the page, and dimensions. If I was to do that, I assume things would stay right where I place them AND text/images would NEVER run outside those dimensions when someone uses the COMMAND + or - option in the browser. HOWEVER again, thats probbaly not a "flexible" web design. Or maybe it just doesn't work.

 

Thoughts or did my rambling not make sense?

 

I guess my question is what term do I look up to find these tutorials. "DIV positioning" only describes the different ways to position divs on the page and in relation to other divs. I don't really know what else to look up. "liquid" vs "fluid design" ???

 

Thanks

Ant

Link to comment
Share on other sites

Andrea, thanks. That post seems to have a very good explanation of the positioning. I'll read it over a 100 times to make it stick in my melon. ;)

 

I guess to figure out the best way to use each(positioning option) to create a particular OVERALL effect to the completed page will have to be researched further.

 

Ant

Link to comment
Share on other sites

Also bear in mind that most modern browsers now use a zoom effect, so everything stays in the same position and just gets zoomed in on without breaking the layout . There will always be a problem with older browsers which don't react the same way.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...