for some reason I'm getting the dialog "the server is down or not making connections" so here's the FluidGrid.css. Some notes:
- I can see the aa.css sheet in the remote directory and Nancy was looking for fluidgrid.css
- fluidgrid.css belongs to another job (very similar layout, working on both jobs at the same time), I'm sure I messed up with my local root folder set up.
And, I can see below where the margin is speced for left --- see where I bolded text. Is this the problem? After the other problem which is DW was accessing this file on my local drive and I had no idea DW considered it part of the job.
I've been through the tutorials on how to set up job folders and new jobs, but can you recommend one you like? I have stuff all messed up if it's not in the right local folder and I can't see when there is a link going outside my job folder. Granted, this is a mistake I'm making not DW.
here's fluidgrid.css :
@charset "UTF-8";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
}
/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 3;
dw-gutter-percentage: 15;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
*/
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 88.626%;
padding-left: 1.1869%;
padding-right: 1.1869%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#rule {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#nav {
clear: both;
float: left;
margin-left: 0;
width: 38.3928%;
display: block;
}
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#content {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#aside {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 91.4836%;
padding-left: 0.7581%;
padding-right: 0.7581%;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#rule {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#nav {
clear: both;
float: left;
margin-left: 0;
width: 23.7569%;
display: block;
}
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#content {
clear: both;
float: left;
margin-left: 0;
width: 61.8784%;
display: block;
}
#aside {
clear: none;
float: left;
margin-left: 1.6574%;
width: 36.464%;
display: block;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
}
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 86.0869%;
max-width: 1232px;
padding-left: 1.9565%;
padding-right: 1.9565%;
margin: auto;
}
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#rule {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#nav {
clear: both;
float: left;
margin-left: 0;
width: 30.303%;
display: block;
}
#header {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#content {
clear: both;
float: left;
margin-left: 0;
width: 65.1515%;
display: block;
}
#aside {
clear: none;
float: left;
margin-left: 4.5454%;
width: 30.303%;
display: block;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
}
