Getting Stuck with this design and the floating, especially with Safari

wecphotos posted this at 17:11 — 26th February 2009.

They have: 1 posts

Joined: Feb 2009

body {
background-color: #151314;
}
.clearfix:after
{content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */"

body {
margin:0;padding:0;
font-family:'lucida grande',tahoma,sans-serif;
font-size:small;
background-color: #1b1b1b;
}
#wrapper {
width:1000px;
}
#content {
float:left;
}
#content-primary {
background: url(../Images/0%20Commercial/JohnstonsAlfanos264V5.jpg) no-repeat;
position:relative;
height:680px;
width:680px;
padding:0;
color:#fff;
}
h1#logo {
position:absolute;
z-index:100;
left:12px;
top:16px;
margin:0;padding:0;
}
h1#logo a {
display:block;
background: url(../Images/0%20Architecture/WECphotologo.png) no-repeat;
width:210px;
height: 47px;
text-indent: -5000px;
}
h2#Photo {
position:absolute;
z-index:100;
left:560px;
top:644px;
margin:0;padding:0;
}
h2#Photo a {
display:block;
background: url(../Images/0%20Architecture/WECPLogo.png) no-repeat;
width:136px;
height: 36px;
text-indent: -5000px;
}
div#nav {
border: none;
position: absolute;
left: 8px;
top: 136px;
height: 550px;
width: 90px;
margin: 1px;
padding: 2px 0 3px 0;
}
div#nav ul {
margin: 1px;
padding: 1px;
font-size: small;
line-height: 32px;
white-space: nowrap;
}
div#nav li {
list-style-type: none;
display: inherit;
padding: 3px 0 2px 0;
}
div#nav li a {
text-decoration: none;
padding: 1px 0px;
}
div#nav lia:hover {
background-color: #CCCCCC;
}
#sidebar-wrapper {
float: right;
background: #261110;
width: 320px;
height: 680px;
padding: 0;
}
#sidebar {
width: 310px;
height: 672px;
padding: 4px 4px 2px 4px;
font-size: small;
font-size: .5em;
font-size: 9px;
font-family: "Lucida Grande", Verdana, sans-serif;
}
div#sidebar h2 {
font-size:15px;
font-size:1.5em;
font-family:"Copperplate Gothic Light", Garamond, Arial, sans-serif;
color: #CCCCCC;
padding: 3px 6px 0 16px;
}
div#sidebar p {
padding: 3px 10px 8px 10px;
text-align: justify;
font-size:11px;
line-height: 1.4em;
line-height: 14px;
color: #CCCCCC;
}
div#accessories {
width: 290px;
height: 310px;
margin: 4px 0px 0px 0px;
padding: 4px 6px 4px 10px;
border: 2px solid #A29990;
}
div#intdesign {
width: 290px;
height: 312px;
margin: 10px 0px 0px 0px;
padding: 4px 6px 4px 10px;
border: 2px solid #A29990;
}
div#intdesign img {
padding: 8px 2px 0px 2px;
}
div#sidebar li {
list-style-type: none;
display: inline;
padding: 0 4px 0 6px;
}
div#sidebar li a {
text-decoration: none;
}
h2#sidebar a {
display:block;
width:172px;
height: 140px;
text-indent: -5000px;
}
#footer-wrapper {
width: 1000px;
height: 360px;
padding-right: 6px;
padding-top: 0px;
margin: 0px;
clear: both;
}
div#footer1 {
clear: both;
float: left;
width: 984px;
height: 250px;
margin: 0px;
padding: 18px 8px 0px 8px;
font-size: small;
font-size: .5em;
font-size: 9px;
font-family: "Lucida Grande", Verdana, sans-serif;
background: #261110;
}
div#footer1 h2 {
font-size:15px;
font-size:1.5em;
font-family:"Copperplate Gothic Light", Garamond, Arial, sans-serif;
color: #CCCCCC;
padding: 2px 6px 0px 12px;
}
div#footer1 p {
width: 180px;
padding: 2px 6px 8px 8px;
text-align: inherit;
font-size:11px;
line-height: 1.4em;
line-height: 14px;
color: #CCCCCC;
}
div#footer1 li {
list-style-type: none;
display: inline;
padding: 0 4px 0 6px;
}
div#footer1 li a {
text-decoration: none;
}
h2#footer1 a {
display:block;
width:172px;
height: 140px;
text-indent: -5000px;
}
div#architect {
float: left;
width: 440px;
height: 230px;
border: 2px solid #A29990;
}
div#architect h2 {
float: left;
width: 200px;
}
div#architect p {
width: 200px;
}
div#architect img {
float:none;
margin: 0;
padding: 6px 6px 6px 6px;
width: 190px;
}

div#gourmet {
float: right;
width: 440px;
height: 230px;
border: 2px solid #A29990;
}
div#gourmet h2 {
float: left;
width: 200px;
}
div#gourmet p {
width: 200px;
}
div#gourmet img {
float: none;
margin: 0;
padding: 6px 6px 6px 6px;
width: 190px;
}

div#footer3 {
clear: both;
font-size: 55%;
text-align: center;
color: #FFFFFF;
font-family:"Copperplate Gothic Light", Garamond, sans-serif;
padding: 2px 0 4px 0;
margin: 0 0 -1px 0;
background-color: #040404;
width: 1000px;
height: 21px;
border-bottom: 1px solid #848484;
}
div#footer3 ul {
margin: 0px;
padding: 0 8px 0 8px;
font-size: 1em;
line-height: 20px;
white-space: nowrap;
}
div#footer3 li {
list-style-type: none;
display: inline;
padding: 0 102px 0 12px;
}
div#footer3 li a {
text-decoration: none;
padding: 0px 20px 0px 0px;
}
div#footer3 copyright {
padding: 1px 0px 0px 4px;
}

* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

Wayne E. Chinnock Photography Co.

WECPhotos

Accessories & Clothing
Wayne works and communicates with his clients in order to understand what their advertising concept shall be and how they wish to advertise their products. What are going to be the most powerful images to represent his clientele’s products.

Interior Design
Mr. Chinnock realizes that each space is very different as are its components. He works within each location carefully observing the nuances each site provides and highlighting his clients’ talents for designing superb spaces.

Architecture
Wayne approaches each Architect’s Design with interest and purpose in showcasing the Architect's nuances and attention to details. Wayne takes notice of specific design points that many may not observe initially. He feels that each design creates a different experience to be exposed to which he thoroughly enjoys captures in his images.

Gourmet
After spending more than 10 years in the service industry in San Francisco, Nantucket, Tucson, New York, Boston & Martha's Vineyard Wayne moved on to professional photography. From this experience he developed a natural sense for capturing a chef’s great food and the ambience of individual establishments. Wayne has a passion not only for great cuisine & restaurant style but for capturing them as well.

Images & Website created by Wayne E. Chinnock