עזרה בקידוד אתר (כבר מקודד)

[En-Solutions]

שלום חברים,
שלחתי עיצוב לקידוד, המקודד החזיר לי אותו מקודד אבל הוא מופיע בצד השמאלי של הדפדפן.
הוספתי בקובץ CSS בתחילת הקובץ
margin:0 auto;
זה סידר את העמוד לאמצע אבל חלק פנימי של האתר נשאר עדיין בצד ואני לא מצליח להבין את הסיבה. יש למישהו רעיון?

[morsabag]

תעלה את הקידוד וניראה מה הביעה בקוד ,
וככה נוכל לפתור תבעיה

[Neutral]

יכולות להיות לא מעט סיבות לכך.
כמו שהבחור אמר מעליי - תציג את החיתוך, אנחנו נעבור על הקוד, וכך נמצא את הסיבה לבעיה.

[En-Solutions]

אז ככה,
כאן אתם רואים את הקידוד שהוא נראה נורמלי
http://www.enso.co.il/left

אחרי שאני הוספתי לCSS את הקוד
Margin:0 Auto;
הוא נראה ככה
www.enso.co.il

צירפתי לכם גם את הקוד של הקובץ CSS

[LEFT]
*{margin:0 auto;padding:0;}
h1 {border:0px; padding:0px; margin:0 auto;}

#head
{
    width:830px;
    height:146px;
}
#wrapper{width:830px;margin-right:10%;margin-left:10%}
body
{
            font-family: Arial, Helvetica, sans-serif;
            font-size: 3px;
            font-weight: normal;
            color: #666666;
            text-decoration: none;
    width:830px;
}

img{border:none;}
a.buttonText
{
    font-family:Arial;
    font-weight:bold;
    color:Black;
    text-decoration:none;
    position:relative; top:10px; left:20%;
}
.button
{
    background-image:url("images/button.jpg");
    width:117px;
    height:38px;
}
#presentation
{
    background-image:url("images/presentation.jpg");
    width:814px;
    height:173px;
    margin-left:0.25cm;
    margin-top:0.30cm;
}
.sideBoxPattern
{
    margin-top:0.4cm;
    margin-left:-0.4cm;
}
.sideBoxPattern2
{
    margin-top:0.4cm;
    margin-left:-0.4cm;
}
.rightSide{margin-top:-8.5cm;}
.rightSidePage2{margin-top:0.5cm;}
.rightBox{}
.rightBoxHeadText
{
    color:#5b5b5b;
    font-weight:bold;
    font-size:10pt;
    margin-right:20px;
}
.rightBoxHr
{
    background-image:url("images/RightBoxHr.jpg ");
    width:530px;
    height:5px;
}
.rightBoxHrPage2
{
    background-image:url("images/RightBoxHrPage2.jpg ");
    width:811px;
    height:5px;
    margin-right:1px;
}
.rightBoxImg
{
        width:99px;
    height:108px;
    top:-3.50cm;
    position:relative;
    background-image:url("images/img1.jpg");
}
.rightBoxImg2
{
    width:102px;
    height:106px;
    top:-3.50cm;
    position:relative;
    background-image:url("images/img2.jpg");
}
.rightBoxText
{
 width:421px;
 height:133px;
 margin-right:3cm;   
 margin-top:6px;
 font-weight:normal;
 font-size:14px;
 }
 .rightBoxTextPage2
{
 width:800px;
  font-size:14px;
 margin-top:6px;
 font-weight:normal;
 
 }
.rightSide2{margin-top:-3.35cm;}
.pack
{
    font-weight:bold;
    color:#325f72;
   margin-left:19px; 
}
.packHead
{
    background-image:url("images/packTop.jpg");
    width:188px;
    height:28px;
    font-style:italic;
    font-size:11pt;
}
.packMid
{
    background-image:url("images/packMiddle.jpg");
    width:188px;
    height:154px;
    color:Black;
}
.packFoot
{
    background-image:url("images/packBottom.jpg");
    width:188px;
    height:13px;
}
.packHr1
{
    background-image:url("images/pack1.jpg");
    width:184px;
    height:5px;
}
.packHr2
{
    background-image:url("images/pack2.jpg");
    width:178px;
    height:5px;
}
.packHr3
{
    background-image:url("images/pack3.jpg");
    width:184px;
    height:5px;
}
.packHr4
{
    background-image:url("images/pack4.jpg");
    width:184px;
    height:5px;
}
.packUl
{
    line-height:1.7em;
    margin-right:25px;
    font-weight:normal;
    font-size:10pt;
    
}
.packLi
{
        
        border-bottom:dotted 1px black;
        width:150px;
}
.packText{}
#footP
{
   
    font-weight:bold;
    color:#325f72;
    font-size:10pt;
    margin-left:28%;
    margin-right:15%;
    direction:rtl;
}
#foot
{
     background-image:url("images/footer.jpg");
    width:810px;
    height:5px;
    margin-left:108px;
}
#footP2
{
   
    font-weight:bold;
    color:#325f72;
    font-size:10pt;
    margin-left:30%;
    margin-right:30%;
    direction:rtl;
}
#foot2
{
     background-image:url("images/footer.jpg");
    width:810px;
    height:5px;
    margin-left:22px;
}
#tyBox
{
        background-image:url("images/tyBoxMid.jpg");
    color:Black;
    margin-left:10px;
    width:811px;
    height:68px;
    margin-top:1cm;
    margin-left:20px;
 }


[/LEFT]

[mlnn]

תעיף את ה width מה body

[Shay Ben Moshe]

מחק את הWIDTH מהBODY
את warpper שנה לזה:

#wrapper{width:830px;margin-right:auto;margin-left:auto}

אם לא עוזר תוסיף ישר אחרי התג <body>
<div align="center"> ותמחק את הwarpper

בהצלחה

[En-Solutions]

העפתי את הWIDTH לא עזר, שיניתי WEAPPER לא עזר ..
ניסיתי אחרי הBODY בHTML להוסיף DIV ALIGN במקום ה DIV ID=WRAPPER ובכלל הכל כאן הלך לאיבוד..

אני מתחיל להתייאש.. כנראה שיש גם מקודדים לא הכי טובים

[Neutral]

כמו שאמרתי לך עידן, יהיה פשוט יותר לחתוך את העיצוב הזה מחדש בצורה מקצועית, נקייה והסטטית.
יקח לך זמן רב יותר לסדר את החיתוך הזה, מאשר לחתוך אותו פשוט מחדש.

פשוט לא שווה התעסקות.

[mlnn]

דווקא נראה קידוד סביר למדי.
כנראה שלא היתי מובן, תעיף את הwidth מה body ותסיף margin: 0 auto; לwrapper.
זה מסדר הכל חוץ מהfooter (שלא בתוך ה wrapper).

[Neutral]

נכתב במקור על ידי mlnn

דווקא נראה קידוד סביר למדי.
כנראה שלא היתי מובן, תעיף את הwidth מה body ותסיף margin: 0 auto; לwrapper.
זה מסדר הכל חוץ מהfooter (שלא בתוך ה wrapper).

קידוד סביר למדי עם 73 שגיאות ב W3C?
מצטער, אך אותו הבנאדם פשוט לא יודע לקודד.

דבר נוסף, אין צורך להוסיף height ב head.