ROZWIĄZANY: Pozycjonowanie div'ów

[eXorcist]

Witajcie, mam problem z wypozycjonowaniem sobie divów. Mam div #bot w którym są dwa dzieciaki: #inbot-menu i #inbot-text. Chciałbym umieścić je obok siebie, ale coś mi nie wychodzi. Mógłby ktoś mi pomóc wskazując błąd w kodzie lub/i poprawić go? Byłbym bardzo, ale to bardzo wdzięczny. Oto strona: www.fonzone.pl/test/ a o to kod CSS:

body {
background: red;
}
#contet {
background: white;
margin: 0 425px;
}
#bot-header {
width: 100%;
height: 300px;
background: green;
}
#bot-menu {
width: 100%;
height: 50px;
}
#bot {
height: 600px;
width: 100%;
background: #764444;

}
#bot-footer {
height: 250px;
width: 100%;
background: blue;
padding: 0px;
}
#inbot-menu {
background: yellow;
width: 200px;
height: 100%;
float: left;
}
#inbot-text {
background: #584887;
width: 100%;
height: 100%;
padding: 0px;
float: right;
}
#inbot-menu-up {
width: 190px;
height: 20px;
margin: 5px 5px;
background: #835fea;
outline-style: double;
}
#inbot-menu-body {
width: 190px;
height: 300px;
margin: 8px 5px;
background: #5feaa3;
outline-style: double;
}

#inbot-text-up {
width: 190px;
height: 20px;
margin: 5px 5px;
background: #835fea;
outline-style: double;
}
#inbot-text-body {
width: 190px;
height: 300px;
margin: 8px 5px;
background: #5feaa3;
outline-style: double;
}

[Gama]

#inbot-text {
background: #584887;
width: 100%;
height: 100%;
padding: 0px;
float: right;
}

Bubel tkwi tu - width: 100%. inbot-menu nie zmieści się, ponieważ inbot-text dostał całą szerokość div'a

Zapewne chodziło Ci o width: 100px a nie 100%

[eXorcist]

Gama, width 100% dałem specjalnie, po to by wypełnił cały wolny obszar. Jako iż nie jestem za dobry w CSS to popełniam podstawowe błędy.

Strona jest zrobiona tak, by automatycznie dopasowywała się pod każdą rozdzielczość, dlatego jak dam stałe 500px na inbot-text to przy mniejszych rozdzielczościach będzie się wszystko rozlatywało. Interesuje mnie, czy istnieje regułka która pozwala wykonać taką operację: width: 100% - 200px; lub width: 100% - #inbot-menu;. Bardzo proszę o pomoc.. Pozdrawiam.

[eXorcist]

Problem rozwiązany ; ).

[DawPi]

No no - to może się pochwalisz?

[eXorcist]

#bot {
height: 600px;
background: #764444;
padding-left: 200px;
list-style-position: outside;
}

#inbot-menu {
background: yellow;
width: 200px;
height: 100%;
margin-left: -200px;
float: left;
}
#inbot-text {
background: #584887;
height: 100%;
}

Wszystko ładnie działa ; D.

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.