[HTML][CSS]prawa linia Opcje

[Ruch Radzionków]

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]

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

[Ruch Radzionków]

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

[vieri_pl]

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]

jezeli chodzi o width to zmiejszylem i nic

Ten post edytował Ruch Radzionków 27.04.2012, 23:23:15

[vieri_pl]

Skasuj overflow: hidden z lewej kolumny

[Niktoś]

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ę.

Ten post edytował Niktoś 28.04.2012, 00:00:10