Sąsiadujące DIV-y o wartości procentowej Opcje

[tinware]

Witajcie,

Mam podobny problem, który poruszał darksiders94 dwa miesiące temu na tym forum.
Temat: Sasiednie divy

Niestety lub też stety z poniższym kodem nie miałbym problemu, gdyby nie wartość procentowa wymiarów (strona responsywna). W moim przypadku wygląda do następująco:



Plus kod CSS. Oczywiście menu, location, content zawarty jest w wrapper4, który to z kolei zawarty jest w całości, czyli page:

[CSS] pobierz, plaintext 
#page{
    width: 80%; 
    padding: 0px;
}
 
#wrapper4{
    clear: left; 
    clear: right;  
    width: 100%;  
    margin-top: 10px;  
    padding: 0px; 
}
 
#menu{
    position: static;  
    float: left;  
    width: 20%;  
    padding: 10px;  
    text-align: left;  
    background-color: #111111;
}
 
#location{
    float: right;  
    width: 73%;  
    margin-bottom: 10px;  
    margin-left: 10px;  
    padding: 10px;  
    text-align: left;  
    background-color: #111111;
}
 
#content{
    position: static;  
    float: right;  
    width: 73%;  
    margin-bottom: 10px;  
    padding: 10px;  
    text-align: justify;  
    background-color: #111111;
}
[CSS] pobierz, plaintext 

Problem tkwi w odstępie pomiędzy menu a lokalizatorem oraz treścią. Oczywiście zadałem mu margin-left: 10px; ale ma się to nijak do podanych wartości procentowych. Zależy mi na możliwości zbliżania i oddalania strony, tak aby div-y będące obok siebie nie przeskakiwały na dół będąc zawsze obok siebie na zasadzie:
100% -> menu - 10px - content
Czy spotkałeś się kiedyś z takim problemem?


Drugi z moich problemów dotyczy innej strony. Pasek przewijania w JS przewijający DIV-a. Bardzo fajnie to wygląda, niestety nie na Chrome. Po kliknięciu na obszar diva, div zaznacza się na niebiesko. Czy znasz jakieś parametry dla CSSa, aby to zaznaczanie można było ukryć, wyłączyć?




Pozdrawiam,
Kamil

Ten post edytował tinware 3.08.2015, 14:16:42

[trueblue]

Problem tkwi w odstępie pomiędzy menu a lokalizatorem oraz treścią. Oczywiście zadałem mu margin-left: 10px; ale ma się to nijak do podanych wartości procentowych. Zależy mi na możliwości zbliżania i oddalania strony, tak aby div-y będące obok siebie nie przeskakiwały na dół będąc zawsze obok siebie na zasadzie:
100% -> menu - 10px - content
Czy spotkałeś się kiedyś z takim problemem?

Szukaj pod hasłem: box-sizing

Po kliknięciu na obszar diva, div zaznacza się na niebiesko. Czy znasz jakieś parametry dla CSSa, aby to zaznaczanie można było ukryć, wyłączyć?

https://css-tricks.com/almanac/properties/u/user-select/

[tinware]

Szukaj pod hasłem: box-sizing

Pomogło:

[CSS] pobierz, plaintext 
box-sizing: border-box; 
width: calc(20% - 10px); 
margin-right: 10px; 
[CSS] pobierz, plaintext 

https://css-tricks.com/almanac/properties/u/user-select/

Niestety, próbowałem już tej opcji. W między czasie po kilku godzinach z wujkiem Google znalazłem na to odpowiedź. Zapisz to sobie, może Ci się przyda ;-)

[CSS] pobierz, plaintext 
<style>
textarea {
    -moz-appearance:none;
     outline:0px none transparent;
}
 
textarea:focus, input:focus{
    outline: 0;
}
 
*:focus {
    outline: 0;
}
</style>
[CSS] pobierz, plaintext 

Dziękuję za pomoc. Czy wiesz może jak może jak wykonać coś takiego:



mam dwa divy obok siebie (float: left)
w każdym z nim (w środku) po np. dwa divy (jeden pod drugim, zależy ile PHP models będzie potrzebował)
kiedy uzupełniam tekstem któryś z nich tło w tym obok się nie wydłuża...