Witam, właśnie zrobiłem przeźroczysty section, a w nim są divy. Problem jest taki, że gdy divy mają być obok siebie i ustawiam im float, to wtedy divy wyrzucane są poza tego diva przeźroczystego, gdy jeden div ma float: left, a drugi nic, to są oba w przeźroczystym section, ale są pod sobą, więc jest źle. A powinny być obok siebie w section przeźroczystym, czy ma ktoś pomysł, jak to naprawić?
Te dwa divy, są wyrzucane poza przeźroczysty game_description, natomiast h1 jest nadal w przeźroczystym section gdy nie ma ustawionego float.
<div id="game_panel_left"> <p class="panel_left_paragraph">tekst
</p> <div id="game_panel_right"> <p class="panel_right_paragraph">cos tam
</p>
Tutaj zaczyna się kod strony
<section id="game_description">
<img src="images/obrazek.png" alt="" /> <div id="game_panel_left"> <p class="panel_left_paragraph">tekst
</p> <div id="game_panel_right"> <p class="panel_right_paragraph">cos tam
</p> </section>
#game_description {
background-color: #000;
width: 700px;
height: auto;
/*-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50; */
color: #fff;
margin: 0 auto;
padding: 0 auto;
display: block;
/* For IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff);
/* For IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff)";
/* 50% opacity */
background: rgba(0, 0, 0, 0.43);
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
#game_info {
}
#game_logo {
padding-top: 50px;
margin: 50px;
}
#game_panel_right {
width: 199px;
float: left;
}
#game_panel_left {
float: left;
width: 500px;
}