Forum PHP.pl > [HTML][CSS]prawa linia

Pomoc - Szukaj - Użytkownicy - Kalendarz

Ruch Radzionków

27.04.2012, 21:56:03

witam mam problem otóż mam taki kod css

Kod

#srodek {
    width: 1130px;
    overflow:hidden;
    margin:0px auto;
    height: 550px;
    height: auto !important;
    min-height: 550px;
    background-color:#E1E1E1;
    border-left: 2px solid #D2D2D2;
    border-right: 2px solid #D2D2D2;
    border-top: 2px solid #D2D2D2;
    border-bottom: 2px solid #D2D2D2;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
    padding:10px;
}
#left {
    margin-left:10px;
    width:250px;
    float:left;
    text-align:left;
    overflow:hidden;
}
#center {
    width:590px;
    float:left;
    text-align:left;
    overflow:hidden;
    border-left:2px solid #696969;
    border-right:2px solid #696969;
    border-bottom:2px solid #696969;
    border-top:2px solid #696969;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-left:10px;
    background:#959595;
}
#right {
    margin-left:10px;
    width:250px;
    float:left;
    text-align:left;
    overflow:hidden;
}
#rightmenu {
    width:100%;
    border-left:2px solid #696969;
    border-right:2px solid #696969;
    border-bottom:2px solid #696969;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top:2px solid #696969;
    background:#959595;
    margin-bottom:10px;
    font-size:10pt;
    text-align:center;
}

oraz taki kod html:

[HTML] pobierz, plaintext 
<div id="srodek">
<div id="left"><div id="rightmenu"><div id="menurightpogrubienie">lewa</div>text</div>
</div>
</div>
<div id="center"><div id="menurightpogrubienie">srodek</div>
text</div>
<div id="right">
<div id="rightmenu"><div id="menurightpogrubienie">prawa</div>
</div>
</div>
[HTML] pobierz, plaintext

i mam taki problem otórz nie pokazuje mi prawej lini w "lewe" oraz "prawa"
srodek normalnie pokazuje wie ktoś dlaczego się tak dzieje

Aresor

27.04.2012, 22:25:06

Możesz dodać screena jak to dokładnie wygląda?

Ruch Radzionków

27.04.2012, 22:31:12

http://imageshack.us/photo/my-images/16/stylh.jpg/

vieri_pl

27.04.2012, 22:52:19

Pamiętaj, że border idą na zewnątrz, a nie do środka. Bynajmniej bez wartości -inside. Zmniejsz szerokość bloku o wartość bocznego border x2

Ruch Radzionków

27.04.2012, 23:22:35

jezeli chodzi o width to zmiejszylem i nic

vieri_pl

27.04.2012, 23:38:06

Skasuj overflow: hidden z lewej kolumny

Niktoś

27.04.2012, 23:47:50

Na tym szarym tle(container?) ,może być overflow:hidden-ten css który podałeś chyba nie jest w całości.
Po tym:

[CSS] pobierz, plaintext 
 margin:0px auto;
    height: 550px;
    height: auto !important;
    min-height: 550px;
[CSS] pobierz, plaintext

to mam wrażenie ,że w ogóle nie wiesz co robisz i kombinujesz jak łysy koń pod górę.

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.