View Single Post
Old 04-18-2012, 03:38 PM   PM User | #2
achira
New Coder

 
Join Date: Mar 2012
Location: Somewhere over the Rainbow
Posts: 96
Thanks: 7
Thanked 5 Times in 5 Posts
achira is an unknown quantity at this point
It actually is possible. Read up on flexible grid width design- specifically media queries and the css specific code for different browsers.

The short of it is that you create a set of CSS rules that are specific to variables that you specify- for example, you want to indicate layout rules for a smaller screen:

Code:
@media screen and (max-width: 770px) {
/*insert alternate rules here*/
}
as far as browser tweaks, here's an example of setting a border radius (gives the element rounded corners) in your css and including the code for the other browsers so it will look similar on any browser:

Code:
 border: thin solid #000;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -o-border-radius: 15px;
 border-radius: 15px;
hope this helps.
achira is offline   Reply With Quote