Skip navigation
Currently Being Moderated

Website hugging the left edge of moniter, fine on large 32", assistance if you would be so kind?

Aug 2, 2012 1:54 AM

Tags: #website #dreamweaver #ie #style #alignment #mozilla #architecture #imagery

http://www.blindname.com/index

 

When I alter style sheet to center it completely messes up the alignment in IE.

 

Is there a solution that I am missing, what would you do?

Also logo displaying further to left on I.E. Sigh

 


Many thanks

 

Script below:

 

@charset "iso-8859-1";

body{

    background: #ffffff top center repeat-x;

    text-align: center;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 0px;

    color: #333333;

    margin: 0;

    cursor:default;

    margin-top: 7px;

    border-color: #FFFFFF;

}

 

bodynews{

    background: #ffffff top center repeat-x;

    text-align: center;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 0px;

    color: #333333;

    margin: 0;

    cursor:default;

    margin-top: 7px;

}

 

.clearfix:after{content:".";display:block;height:0;clear:both;visibili ty:hidden;}

.clearfix{*zoom:1;}

.clearall {clear: both;}

 

.pointer{cursor:pointer;}

a:link, a:visited, a:active {color:#d50101;text-decoration:none;}

a:hover, a:visited:hover {

    color:#FFFFFF;

    text-decoration:underline;

    margin-right: 0px;

    padding-right: 0px;

}

:selection{background:#0066CC;color:white;}

.clear {clear:both;height:0px;overflow:hidden;}

:focus{border:0;}

.fl{float:left;}

 

.pv{height:10px;}

 

.top{

    width:1000px;

    height:2px;

    background:url("http://www.blindname.com/images/gray.jpg") top center repeat-y;

    margin:0 auto;

}

.header{

    height:160px;

    width:1000px;

    margin:0 auto;

    text-align:center;

 

}

 

.logo{

    float:left;

    margin-top: 10px;

    margin-left: 84px;

    margin-right: 0;

    margin-bottom: 0;

}

 

 

@font-face {

    font-family: 'ArimoRegular';

    src: url('Arimo-Regular-Latin-webfont.eot');

    src: url('Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),

         url('Arimo-Regular-Latin-webfont.woff') format('woff'),

         url('Arimo-Regular-Latin-webfont.ttf') format('truetype'),

         url('Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');

    font-weight: normal;

    font-style: normal;

   

    }

   

 

.quote{

    font-weight: normal;

    font-style: normal;

    line-height:1.4;

    font-family: Young;

    font-size-adjust: 0.42;

    font-size:18px;

    width:260px;

    color:#d50101;

    float:left;

    margin-top: 25px;

    margin-right: 0px;

    margin-bottom: 0;

    margin-left: 5px;

}

 

.menu{

    width:781px;

    float: center;

    margin-left:0px;

    margin-top: 38px;

    margin-right: 0px;

    margin-bottom: 1px;

   

}

 

.menunews{

    width:781px;

    float: center;

    margin-left:0px;

    margin-top: 38px;

    margin-right: 0px;

    padding-bottom: 11px;

}

 

 

.home{

    width:122px;

    height:43px;

    background: url("http://www.blindname.com/images/home.png") no-repeat left bottom;

    float:right;

 

}

 

.home:hover{

    width:122px;

    height:43px;

    background: url("http://www.blindname.com/images/homeroll.png") no-repeat left bottom;

    float:right;

}

 

.services{

    width:201px;

    height:43px;

    background: url("http://www.blindname.com/images/services.png") no-repeat left bottom;

    float:right;

}

 

.services:hover{

    width:201px;

    height:43px;

    background: url("http://www.blindname.com/images/servicesroll.png") no-repeat left bottom;

    float:right;

}

 

 

.aboutus {

    width:146px;

    height:43px;

    background: url("http://www.blindname.com/images/aboutus.png") no-repeat left bottom;

    float:right;

}

.aboutus:hover{

    width:146px;

    height:43px;

    background: url("http://www.blindname.com/images/aboutusroll.png") no-repeat left bottom;

    float:right;

}

 

 

.news{

    width:122px;

    height:43px;

    background: url("http://www.blindname.com/images/news.png") no-repeat left bottom;

    float:right;

}

 

.news:hover{

    width:122px;

    height:43px;

    background: url("http://www.blindname.com/images/newsroll.png") no-repeat left bottom;

    float:right;

}

 

.contact{

    width:190px;

    height:43px;

    background: url("http://www.blindname.com/images/contact.png") no-repeat left bottom;

    float:right;

}

 

.contact:hover{

    width:190px;

    height:43px;

    background: url("http://www.blindname.com/images/contactroll.png") no-repeat left bottom;

    float:right;

}

 

.subheadermenunews{

    width:100px;

    float:left;

    margin-left:100px;

    margin-top: 20px;

    margin-right: 0px;

}

 

.companynews{

    width:99px;

    height:18px;

    background: url("http://www.blindname.com/images/companynews.jpg") no-repeat left bottom;

    float:right;

}

 

.companynews:hover{

    width:99px;

    height:18px;

    background: url("http://www.blindname.com/images/companynewsroll.jpg") no-repeat left bottom;

    float:right;

}

 

.subheadermenuservices{

    width:560px;

    float:left;

    margin-left:0px;

    margin-top: 8px;

    margin-right: 0px;

    margin-bottom: 2px;

}

 

.subheadermenuservsecond{

    width:782px;

    float:left;

    margin-left:0px;

    margin-top: 5px;

    margin-right: 0px;

    margin-bottom: 5px;

}

 

 

.financialservices{

    width:176px;

    height:18px;

    background: url("http://www.blindname.com/images/prfico.jpg") no-repeat left bottom;

    float:left;

}

 

.financialservices:hover{

    width:176px;

    height:18px;

    background: url("http://www.blindname.com/images/prficoroll.jpg") no-repeat left bottom;

    float:left;

}

 

.financialservicesdumb{

    width:176px;

    height:18px;

    background: url("http://www.blindname.com/images/prficoroll.jpg") no-repeat left bottom;

    float:left;

}

 

.financialservicesbw{

    width:178px;

    height:18px;

    background: url("http://www.blindname.com/images/prficobw.jpg") no-repeat left bottom;

    float:left;

}

 

.financialservicesbw:hover{

    width:178px;

    height:18px;

    background: url("http://www.blindname.com/images/prficorollbw.jpg") no-repeat left bottom;

    float:left;

}

 

.projectmanagedumb{

    width:137px;

    height:18px;

    background: url("http://www.blindname.com/images/projectmanagerollsecond.jpg") no-repeat left bottom;

    float:left;

}

 

 

.designconstructiondumb{

    width:149px;

    height:18px;

    background: url("http://www.blindname.com/images/designconstdumb.jpg") no-repeat left bottom;

    float:left;

}

 

 

.projman{

    width:148px;

    height:18px;

    background: url("http://www.blindname.com/images/projectmanage.jpg") no-repeat left bottom;

    float:left;

}

 

.projman:hover{

    width:148px;

    height:18px;

    background: url("http://www.blindname.com/images/projectmanageroll.jpg") no-repeat left bottom;

    float:left;

}

 

.projmandumb{

    width:148px;

    height:18px;

    background: url("http://www.blindname.com/images/projectmanageroll.jpg") no-repeat left bottom;

    float:left;

}

 

.projmanbw{

    width:148px;

    height:18px;

    background: url("http://www.blindname.com/images/projectmanagebw.jpg") no-repeat left bottom;

    float:left;

}

 

.projmanbw:hover{

    width:148px;

    height:18px;

    background: url("http://www.blindname.com/images/projectmanagerollbw.jpg") no-repeat left bottom;

    float:left;

}

 

.designconstruction{

    width:149px;

    height:18px;

    background: url("http://www.blindname.com/images/designconstruction.jpg") no-repeat left bottom;

    float:left;

}

 

.designconstruction:hover{

    width:149px;

    height:18px;

    background: url("http://www.blindname.com/images/designconstrroll.jpg") no-repeat left bottom;

    float:left;

}

 

.designconstructionbw{

    width:165px;

    height:18px;

    background: url("http://www.blindname.com/images/designconstructionbw.jpg") no-repeat left bottom;

    float:left;

}

 

.designconstructionbw:hover{

    width:165px;

    height:18px;

    background: url("http://www.blindname.com/images/designconstrrollbw.jpg") no-repeat left bottom;

    float:left;

}

 

.residential{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/residentialprop.jpg") no-repeat left bottom;

    float:left;

}

 

.residential:hover{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/residentialproproll.jpg") no-repeat left bottom;

    float:left;

}

 

.residentialdumb{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/residentialproproll.jpg") no-repeat left bottom;

    float:left;

}

 

.commercial{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/commerc.jpg") no-repeat left bottom;

    float:left;

}

 

.commercial:hover{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/commercroll.jpg") no-repeat left bottom;

    float:left;

}

 

.commercialdumb{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/commercroll.jpg") no-repeat left bottom;

    float:left;

}

 

.indus{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/industrial.jpg") no-repeat left bottom;

    float:left;

}

 

.indus:hover{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/industrialroll.jpg") no-repeat left bottom;

    float:left;

}

 

.indusdumb{

    width:147px;

    height:18px;

    background: url("http://www.blindname.com/images/industrialroll.jpg") no-repeat left bottom;

    float:left;

}

 

 

.master{

    width:128px;

    height:18px;

    background: url("http://www.blindname.com/images/masterplan.png") no-repeat left bottom;

    float:left;

   

}.master:hover{

    width:128px;

    height:18px;

    background: url("http://www.blindname.com/images/masterplansroll.png") no-repeat left bottom;

    float:left;

}

 

.masterdumb{

    width:128px;

    height:18px;

    background: url("http://www.blindname.com/images/masterplansroll.png") no-repeat left bottom;

    float:left;

}

 

.submenuabout{

    width:700px;

    float:left;

    margin-left:0px;

    margin-top: 8px;

    margin-right: 0px;

    margin-bottom: 1px;

 

}

 

.submenupushinvisible{

    width:600px;

    float:left;

    margin-left:100px;

    margin-top: 2px;

    margin-right: 0px;

    margin-bottom: 1px;

 

}

 

.submenucontact{

    width:250px;

    float:center;

    margin-left:20px;

    margin-top: 5px;

    margin-right: 0px;

 

}

 

.submenucontactmap{

    width:400px;

    float:left;

    margin-left:100px;

    margin-top: 5px;

    margin-right: 0px;

 

}

 

.philosophy{

    width:123px;

    height:18px;

    background: url("http://www.blindname.com/images/miniphil.png") no-repeat left bottom;

    float:left;

}

 

.philosophy:hover{

    width:123px;

    height:18px;

    background: url("http://www.blindname.com/images/miniphilroll.png") no-repeat left bottom;

    float:left;

}

 

.philosophydumb{

    width:123px;

    height:18px;

    background: url("http://www.blindname.com/images/miniphilroll.png") no-repeat left bottom;

    float:left;

}

 

 

 

.process{

    width:110px;

    height:18px;

    background: url("http://www.blindname.com/images/miniproc.png") no-repeat left bottom;

    float:left;

}

 

.process:hover{

    width:110px;

    height:18px;

    background: url("http://www.blindname.com/images/miniprocroll.png") no-repeat left bottom;

    float:left;

}

 

.processdumb{

    width:110px;

    height:18px;

    background: url("http://www.blindname.com/images/miniprocroll.png") no-repeat left bottom;

    float:left;

}

 

 

.team{

    width:110px;

    height:18px;

    background: url("http://www.blindname.com/images/miniteam.png") no-repeat left bottom;

    float:left;

}

 

.team:hover{

    width:110px;

    height:18px;

    background: url("http://www.blindname.com/images/miniteamroll.png") no-repeat left bottom;

    float:left;

   

}

 

.teamdumb{

    width:110px;

    height:18px;

    background: url("http://www.blindname.com/images/miniteamroll.png") no-repeat left bottom;

    float:left;

   

}

 

.minidir{

    width:87x;

    height:18px;

    background: url("http://www.blindname.com/images/minidir1.png") no-repeat left bottom;

    float:left;

}

 

.minidir:hover{

    width:87px;

    height:18px;

    background: url("http://www.blindname.com/images/minidirroll1.png") no-repeat left bottom;

    float:left;   

   

}

   

.dirdumb{

   width:87px;

   height:18px;

   background: url("http://www.blindname.com/images/minidirroll.png") no-repeat left bottom;

   float:left;   

   

}

 

.promise{

    width:139px;

    height:18px;

    background: url("http://www.blindname.com/images/miniprom.png") no-repeat left bottom;

    float:left;

}

 

.promise:hover{

    width:139px;

    height:18px;

    background: url("http://www.blindname.com/images/minipromroll.png") no-repeat left bottom;

    float:left;   

}

 

.promisedumb{

    width:139px;

    height:18px;

    background: url("http://www.blindname.com/images/minipromroll.png") no-repeat left bottom;

    float:left;   

}

 

.numbermenu{

    width:265px;

    float:right;

    margin-left:0px;

    margin-top: 6px;

    margin-right: 0;

    margin-bottom: 2px;

}

 

.numberdesignmenu{

    width:265px;

    float:left;

    margin-left:0px;

    margin-top: 8px;

    margin-right: 0px;

    margin-bottom: 2px;

    padding-bottom: 0px;

}

 

.numberdesignmenuresidential{

    width:195px;

    float:left;

    margin-left:0px;

    margin-top: 4px;

    margin-right: 0px;

    margin-bottom: 2px;

}

 

 

.locationbar{

    width:260px;

    float:right;

    margin-left:0px;

    margin-top: 40px;

    margin-right: 122px;

}

 

.arrow{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/arrow.jpg") no-repeat left bottom;

    float:right;

}

 

.one{

    width:34px;

    height:18px;

    background: url("http://www.blindname.com//images/six.jpg") no-repeat left bottom;

    float:right;

}

 

.one:hover{

    width:34px;

    height:18px;

    background: url("http://www.blindname.com//images/six roll.jpg") no-repeat left bottom;

    float:right;

}

 

.two{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/five.jpg") no-repeat left bottom;

    float:right;

}

 

.two:hover{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/five roll.jpg") no-repeat left bottom;

    float:right;

}

 

.three {

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/four.jpg") no-repeat left bottom;

    float:right;

}

.three:hover{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/four roll.jpg") no-repeat left bottom;

    float:right;

}

 

.four{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/three.jpg") no-repeat left bottom;

    float:right;

}

 

.four:hover{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/three roll.jpg") no-repeat left bottom;

    float:right;

}

 

.five{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/two.jpg") no-repeat left bottom;

    float:right;

}

 

.five:hover{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/two roll.jpg") no-repeat left bottom;

    float:right;

}

 

.six{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/one.jpg") no-repeat left bottom;

    float:right;

}

 

.six:hover{

    width:32px;

    height:18px;

    background: url("http://www.blindname.com//images/one roll.jpg") no-repeat left bottom;

    float:right;

}

 

 

.arrowreverse{

    width:34px;

    height:18px;

    background: url("http://www.blindname.com//images/arrowreverse.jpg") no-repeat left bottom;

    float:right;

}

 

.work{

    width:781px;

    height:427px;

    float:center;

    margin-right:0px;

    background:#6e6e6e;

    margin-top:3px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounds.jpg);

    border-color: #FFFFFF;

}

 

.workaboutus{

    height:550px;

    width:900px;

    /background:url("../pics/gray.jpg") top center repeat-y;*/

    overflow:visible;

    margin-top: 2px;

    margin-right: auto;

    margin-bottom: 0px;

    margin-left: auto;

}

 

 

.work1{

    width:781px;

    height:427px;

    float:left;

    margin-right:0px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounds.jpg);

    border-color: #FFFFFF;

}

 

.workresidentialloweryt{

    width:781px;

    height:427px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounds.jpg);

    border-color: #FFFFFF;

}

 

.workdesign2{

    width:781px;

    height:427px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounds.jpg);

    border-color: #FFFFFF;

}

 

.workdesignvid3{

    width:781px;

    height:416px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounddesign3.jpg);

    border-color: #FFFFFF;

}

 

 

.workdesign3{

    width:781px;

    height:562px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounds3.jpg);

    border-color: #FFFFFF;

}

 

 

.workdesign{

    width:750px;

    height:395px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:center;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounddesign.jpg);

    border-color: #FFFFFF;

}

 

.workdesigncommerce{

    width:781px;

    height:312px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:2px;

    text-align:center;

    margin-left: 0px;

    background-image: url(../images/backcommerce.jpg);

    border-color: #FFFFFF;

}

 

.workdesignindustry{

    width:759px;

    height:458px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:2px;

    text-align:center;

    margin-left: 0px;

    background-image: url(../images/backindustry.jpg);

    border-color: #FFFFFF;

}

 

.workdesignresidential{

    width:372px;

    height:282px;

    float:left;

    margin-right:5px;

    background:#6e6e6e;

    margin-top:2px;

    text-align:center;

    margin-left: 0px;

    background-image: url(../images/backresidence.jpg);

    border-color: #FFFFFF;

}

 

.workdesignresidential2{

    width:318px;

    height:282px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:2px;

    text-align:center;

    margin-left: 0px;

    background-image: url(../images/backresidence1.jpg);

    border-color: #FFFFFF;

}

 

.workindex3{

    width:732px;

    height:427px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 50px;

    background-image: url(../images/Indexbackground3.jpg);

    border-color: #FFFFFF;

}

 

 

.worktube{

    width:783px;

    height:429px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 0px;

    background-image: url(../images/Indexbackgrounds.jpg);

 

}

 

.work2{

    width:560px;

    height:450px;

    float:left;

    margin-right:20px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 50px;

    background-image: url(../images/work2background.jpg);

}

 

.workaboutus{

    width:423px;

    height:364px;

    float:left;

    margin-right:20px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:left;

    margin-left: 50px;

    background-image: url(../images/workaboutusborder.jpg);

}

 

.work3{

    width:560px;

    height:365px;

    float:left;

    margin-left:20px;

    background:#6e6e6e;

    margin-top:5px;

    text-align:left;

    background-image: url(../images/work3bg.jpg);

    margin-right: 15px;

}

 

.work4{

    width:420px;

    height:355px;

    float:left;

    margin-left:40px;

    background:#6e6e6e;

    margin-top:5px;

    text-align:left;

    background-image: url(../images/work4bg.jpg);

    margin-right: 15px;

}

 

.work5{

    width:805px;

    height:450px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:center;

    margin-left: 50px;

    background-image: url(../images/Indexbackgrounds.jpg);

}

 

.work6{

    width:450px;

    height:448px;

    float:left;

    margin-right:10px;

    background:#6e6e6e;

    margin-top:1px;

    text-align:center;

    margin-left: 273px;

    background-image: url(../images/back6.jpg);

}

 

.mainlogo{

    width:404px;

    height:56px;

    float:left;

    margin-left:0px;

    margin-right:432px;

    background:#6e6e6e;

    margin-top:5px;

    background-image:url(../images/headerlogo.png)

    border-width;1px

    background-color:#FFFFFF;

    border-color: #FFFFFF;

}

 

 

.image_work{

    margin:5px 5px 0 5px;

    border-right: 0px;

    border-color: #FFFFFF;

    float:left;

}

 

.image_designwork{

    margin:0px 0 0 0;

    border-right: 50px;

    border-color: #FFFFFF;

}

 

 

.core{

    width:820px;

    margin: 30px auto;

    margin-top: 1px;

   

    }

 

.coredesign{

    background: url("http://www.blindname.com/images/core_background.png") repeat-y;

    width:820px;

    margin: 30px auto;

    margin-top: 150px;

   

    }

 

 

.corenews{

    background: url("http://www.blindname.com/images/core_background.png") repeat-y;

    width:820px;

    margin: 30px auto;

    margin-top: 10px;

    float: center;

   

    }

   

   

.corenews2{

 

    width:820px;

    margin: 30px auto;

    margin-top: 10px;

        float: center;

    }

 

.coreaboutpage{

    width:480px;

    margin-top: 5px;

    text-align: center;

    margin-right: auto;

    margin-bottom: 10px;

    margin-left: 0px;

    float: center;

}

 

.corecredits{

    width:480px;

    margin-top: 10px;

    text-align: center;

    margin-right: auto;

    margin-bottom: 10px;

    margin-left: 274px;

}

 

.footer{

    background-image: url("http://www.blindname.com/images/footer.png");

    width:100%;

    font-size:10px;

    color:white;

    font-weight: normal;

    font-style: normal;

    line-height:1;

    font-family: arial;

    padding:5px;

    padding-top: 2px;

    margin-top: 5px;

}

 

.footer a:link,.footer a:visited,.footer a:active {color:#ffffff;text-decoration:none;}

.footer a:hover,.footer a:visited:hover {color:#ffffff;text-decoration:underline;}

 

.core_left{

    width:300px;

    float:left;

    text-align:left;

    margin-right: 10px;

    margin-top: 8px;

    margin-left: 0px;

}

 

.core_rightresi{

    width:200px;

    float:right;

    text-align:left;

    margin-right: 5px;

    margin-top: 8px;

    margin-left: 5px;

}

 

.core_aboutcolumn{

    width:200px;

    float:right;

    text-align:left;

    margin-right: 50px;

    margin-top: 0px;

    margin-left: 1px;

 

}

 

.core_right{

    width:450px;

    float:left;

    text-align:left;

    margin-top: 2px;

    margin-left: 33px;

    margin-bottom: 0px;

    padding-bottom: 0.5cm;

}

 

.core_rightnews{

    width:450px;

    float:left;

    text-align:left;

    margin-top: 8px;

    margin-left: 10px;

    margin-bottom: 0px;

    padding-bottom: 0.5cm;

}

 

h1{

    font-weight: normal;

    font-style: normal;

    line-height:1;

    font-family: 'GoudyBookletter1911Regular', sans-serif;

    font-size:26px;

    color:#d50101;

    margin: 0;

}

 

p{

    font-weight: normal;

    font-style: normal;

    line-height:1.5;

    font-family: verdana;

    font-size:12px;

    color:#FFFFFF;

    margin: 10px;

    text-align:justify;

}

 

.picJosh{

    width:115px;

    height:115px;

    margin-right:20px;

    margin-bottom:10px;

    float:left;

    border:1px solid #d9d9d9;

}

 

.picM{margin:10px;}

 

.locnica{

    width:100%;

    height:1px;

    border-top:1px solid #d9d9d9;

    margin: 10px auto;

    line-height: 1;

    p.justified Text { text-align: justify }

   

   

.locnica2{

    width:50%;

    height:1px;

    border-top:1px solid #d9d9d9;

    margin: 5px auto;

    line-height: 1;

    p.justifiedText { text-align: justify

    }

       

 

.about_me{

    font-weight: normal;

    font-style: normal;

    line-height:3;

    font-family: arial;

    font-size:10px;

    color:#484848;

    margin: 0;

    float:left;

    padding-top: 0px;

 

 

 

    p.justifiedText { text-align: justify;

}

 

.sw{

    padding-left:10px;

    padding-right:12px;

    font-size:11px;

    width:70px;

    float:left;

    padding-top:5px;

    font-weight:bold;

}

.swp{float:left;}

 

.picTravelR {

    border:1px solid #D9D9D9;

    float:left;

    margin-bottom:10px;

    margin-left:10px;

    width:180px;

}

 

.picTravelL {

    border:1px solid #D9D9D9;

    float:left;

    margin-bottom:10px;

    margin-right:20px;

    width:180px;

    margin-top: 2px;

}

 

.picMyWork {

    border:1px solid #D9D9D9;

    float:left;

    margin-bottom:5px;

    margin-right:5px;

    margin-left:5px;

    width:150px;

}

.picTravelAthens {

    border:1px solid #D9D9D9;

    float:left;

    margin-bottom:10px;

    margin-right:20px;

    width:220px;

    margin-top: 2px;

}

.picgallery {

    height: 400px;

    width: 500px;

}

 

 

 

ul{

    margin:10px 10px 10px 40px;

    padding:0;

    font-size:12px;

    line-height:2;

    color: #FFFFFF;

}

 

.contact_left{float:left;width:100px;text-align:left;font-size:12px;pa dding-top:4px;}

.contact_right{float:left;margin-left:10px;background:white;width:340p x;height:26px;border:1px solid #d9d9d9;}

.contact_text{margin:6px 10px;background:white;border:0;font-size:11px;width:320px;}

 

.contact_right_area{float:left;margin-left:10px;background:white;width :340px;height:160px;border:1px solid #d9d9d9;}

.contact_textarea{margin:6px 10px;background:white;border:0;font-size:11px;width:320px;height:148p x;font-family:arial;line-height:1.5;}

 

div.moviewrapper2{

 

width: 790px;

height: 445px;

margin: 0 auto;

}

 
Replies
  • Currently Being Moderated
    Aug 2, 2012 4:25 AM   in reply to jbdreamweaver

    Would it be possible for you to just post a link to the live page, please?  That way, we can see the HTML and the CSS as needed.

     

    From what I can see here, your CSS contains many redundant and unnecessary styles making it quite voluminous.  I'd trim it back substantially so that it's easier to maintain. In addition I'm seeing more than a few errors there too.  Have you validated it at http://jigsaw.w3.org/css-validator?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 2, 2012 6:24 AM   in reply to jbdreamweaver

    Missed it.

     

    OK - now please tell us:

     

    1.  What alteration do you make to the stylesheet to center (that completely messes up the page)?

    2.  Where do you want the logo to display and which version of IE are you using to see this?  (when I look in IE9, it is in exactly the same location as it is in Safari on the Mac)

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 2, 2012 7:12 AM   in reply to jbdreamweaver

    Does UK.US spelling matter? I.e. "center" and "centre"?

     

    In CSS?  Certainly it does.  US wins that one. So, for example -

     

    p { text-align:centre; }

     

    won't work....

     

    I'm not sure I follow your other comment.  But I do know this - the easiest way to get a wonky display in IE is to have invalid code on your page.  Does your page validate?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 2, 2012 7:42 AM   in reply to jbdreamweaver

    Fix the errors one at a time. Frequently it seems as if there are a lot of errors, when really only one error is causing others to be listed.

     

    There is no such thing as float: center;

     

    You still owe Murray a drink.

     

    Beth

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 2, 2012 8:05 AM   in reply to jbdreamweaver

    If its any help you also have errors in your css stylesheet which may stop the cascade and cause issues. Theres no closing bracket } after the selector .about_me :

     

    .about_me{

        font-weight: normal;

        font-style: normal;

        line-height:3;

        font-family: arial;

        font-size:10px;

        color:#484848;

        margin: 0;

        float:left;

        padding-top: 0px;

     

     

    Theres no ; after border-width in the selector below.

     

    .mainlogo{

        width:404px;

        height:56px;

        float:left;

        margin-left:0px;

        margin-right:432px;

        background:#6e6e6e;

        margin-top:5px;

        background-image:url(../images/headerlogo.png)

        border-width;1px

        background-color:#FFFFFF;

        border-color: #FFFFFF;

    }

     

     

    I looked at the page this mornng but backed away as I thought it was an unstable construction, given that you were using float: centre; which doesn't exit and generally the html is set up unconvincingly. Hope you get it sorted out.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 2, 2012 8:29 AM   in reply to osgood_

    Oz sez:

    I looked at the page this mornng but backed away as I thought it was an unstable construction, given that you were using float: centre; which doesn't exit and generally the html is set up unconvincingly. Hope you get it sorted out.

     

    Oz means:

     

    I looked at the page this morning but backed away as I thought it was an unstable construction, given that you were using float: centre; which doesn't exist and generally the html is set up unconvincingly. Hope you get it sorted out.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 8:24 AM   in reply to jbdreamweaver

    Add this to your stylesheet -

     

    body { width:781px; margin:0 auto; }

    (check your widths - there are a few 1000px widths in there)

     

    and see what happens.

     

    And by the way, you still have some problems to fix -

     

    http://validator.w3.org/unicorn/check?ucn_uri=http://www.blindname.com /&ucn_task=conformance

     

    That missing </div> seems important.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 8:25 AM   in reply to jbdreamweaver

    Looks like the width of your header <div> is 1000px when you're only using about 850px or so. That extra space is on the right, making it appear as though it is not centered.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 6, 2012 9:11 AM   in reply to jbdreamweaver

    Good luck!  See if you can un-verbose that CSS file.  It's pretty redundant.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points