Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ustawienie div'ow brak 1px
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
endr1u
mam taki kod:
html
Kod
<div id="www">

    <div id="title">{$title}
    </div>
    <div id="date">{$date}
    </div>
    <div id="content">{$content}
    </div>
    <div id="panel">{$panel}
    </div>
        <div id="commentpanel">
            <div id="comments">{$comments}
            </div>
            <div id="show">{$show}
        </div>
    </div>
</div>

css
Kod
body{font-family: Verdana, Tahoma, Arial, sens-serif; color: #000000; background-color: #FF9583; font-size: 12px;}

div#www{width: 1024px; margin: 20px auto; border: 1px solid #A97C52;}
div#title{float: left; width: 704px; border-bottom: 1px solid #A97C52; padding: 2px 5px 2px 5px; text-align: left;}
div#date{float: right; width: 300px; border-bottom: 1px solid #A97C52; padding: 2px 5px 2px 5px; text-align: right;}
div#content{clear: both; height: 150px; padding: 25px 25px 25px 25px; text-align: center;}

div#commentpanel{width: 1024px;}
div#panel{float: left; width: 702px; padding: 2px 5px 2px 5px; border-bottom: 1px solid #A97C52; border-left: 1px solid #A97C52;}
div#show{float: right; width: 300px; padding: 2px 5px 2px 5px; border-bottom: 1px solid #A97C52; border-right: 1px solid #A97C52;}


przy skrzynce panel mam ustawienia identyczne jak wyzej czyli 1024 px niestety jakos 1px mi ucieka prosze kogos o wklejenie tego kodu isprawdzenie go wtedy zobaczycie o co mi chodzi chce zeby wszystko bylo rowniutko.
Gryf
jeśli dobrze rozumiem to chodzi ci o to że #panel po lewej stronie masz o 1px więcej?
czemu tak jest otóż
Kod
div#panel {
border-bottom:1px solid #A97C52;
border-left:1px solid #A97C52;         <--- to wywal #www już to ma xP
float:left;
padding:2px 5px;
width:702px;
}

tak patrze na całość i raczej #panel i #commentpanel powinny być w równej lini?
więc w #panel zmień padding na 0px 5px

Pozdr.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.