dragonfly07
10-26-2014, 10:12 PM
Hello!
I'm new to CSS but I think I'm doing well!
I'm working on a project for a virual airline squadron and all was going well until it appeared an error that I can not solve.
Index:
<body>
<body onLoad="abrirPag('paginas/home.html')">
<div class="site">
<!-- HEADER BLOCK Start -->
...
<!-- End Home Item -->
<!--- Menu --->
<!--- Menu End --->
<!--MAIN BLOCK Start-->
<!--<div id="main">-->
<!--<h1></h1>-->
<div id="conteudo">
<div id="conteudo_mostrar"></div>
</div>
<div class="decor2"></div>
</div>
<!--MAIN BLOCK End -->
<!--FOOTER BLOCK Star-->
<!--FOOTER BLOCK End -->
</body>
@charset "utf-8";
/* CSS Document */
@font-face {
font: 'pf_tempesta_seven';
src: url('fonts/pf_tempesta_seven.ttf');
url('fonts/pf_tempesta_seven.ttf'); /* IE */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'pf_tempesta_seven';
src: url('fonts/pf_tempesta_seven.eot');
src:
local('PF Tempesta Seven'),
local('pf_tempesta_seven'),
url('fonts/pf_tempesta_seven.otf')
format('opentype');
}
@font-face {
font-family: Arial, Helvetica, sans-serif;
}
.site {
width: 1100px;
margin: auto;
}
.body {
background-image: url('/imagens/fundo.png');
}
.header {
height: 145px;
background: url('') no-repeat scroll right top transparent;
position: relative;
width: 1100px;
/*overflow: hidden;*/
margin: 0px auto;
}
.header menu {
left: -3px;
margin: 0px;
padding: 0px;
font-size: 100%;
background: none repeat scroll 0% 0% transparent;
vertical-align: baseline;
border: 0px none;
outline: 0px none;
}
.header h1 a {
width: 120px;
height: 141px;
display: block;
text-indent: -9999px;
}
.header h1 {
width: 120px;
height: 141px;
background: url('../imagens/logo.png') no-repeat scroll left top transparent;
text-indent: -9999px;
float: left;
padding: 0px 0px 15px 10px;
margin: 0px;
text-rendering: optimizelegibility !important;
vertical-align: baseline;
outline: 0px none;
border: 0px none;
}
.header h3 a {
width: 277px;
height: 80px;
display: block;
text-indent: -9999px;
}
.header h3 {
width: 277px;
height: 80px;
background: url('../imagens/fundo2.png') no-repeat scroll left top transparent;
text-indent: -9999px;
float: right;
padding: 0px 0px 15px 10px;
margin: 0px;
text-rendering: optimizelegibility !important;
vertical-align: baseline;
outline: 0px none;
border: 0px none;
}
.header .h4{
width: 61px;
height: 70px;
display:block;
background-image: url('../imagens/forum.png');
position: absolute;
right: 185px;
}
.header .h4:hover {
background-image: url('../imagens/forum_back.png');
}
.header .h5{
width: 64px;
height: 70px;
display:block;
background-image: url('../imagens/login.png');
position: absolute;
right: 50px;
}
.header .h5:hover {
background-image: url('../imagens/login_back.png');
}
.header .user {
float: right;
margin: 13px 30px 0px 0px;
display: block;
width: 59px;
height: 25px;
background: url('../images/btn-cokeID.png') no-repeat scroll left top transparent;
text-align: center;
font-family: "gotham_mediumregular";
font-size: 14px;
color: #FFF;
line-height: 1em;
text-decoration: none;
padding: 11px 0px 0px;
font-weight: 700;
}
#main {
width: 1100px;
margin: 0px auto;
height:auto
position: relative;
}
.sillas h1 {
width: 880px;
height: 90px;
display: block;
margin: 0px auto 30px;
font-size:14px;
color: #FFFFFF;
padding: 0px;
background: url('')
}
#conteudo {
float: left;
width: 1100px;
height: auto;
}
#conteudo_mostrar {
float: left;
width: 1100px;
height: auto;
}
.paginas {
width:707px;
height:455px
font-size:14px;
color: #FFFFFF;
margin-top: 60px;
margin-left:30px;
position:relative;
}
elemento {
display: block;
}
.sillas-block {
width: 695px;
height: 405px;
display: block;
padding: 21px;
margin-top: -2px;
}
.hidden {
display: none;
}
.visuallyhidden {
opacity: 0;
}
button {
display: block;
margin: 0 auto;
}
.footer {
width: 100%;
height: 50px;
margin: 20px 0px 0px;
background-color: #000;
}
/*-//---------Decorações------------//-*/
.decor1 {
height: 15px;
width: 1100px;
background: url('../imagens/barra-01.png') no-repeat scroll left top transparent;
float: bottom;
}
.decor2 {
height: 15px;
width: 1100px;
background: url('../imagens/barra-01.png') no-repeat scroll left top transparent;
float: bottom;
display: block;
float: left;
}
Experience Page
<body>
<div class="conteudos">
<div id="airbase">
<img src="imagens/BaseAerea3.jpg" width="600" height="432">
</div>
<div id="teamspeak">
<!--webbot bot="HTMLMarkup" startspan -->
<div id="ts3viewer_1036573" style="width:; background-color:;"> </div>
<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1036573&text=000000&text_size=12&text_family=1&js=1&text_s_color=fa5700&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_color=2c445e&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_color=3b44f5&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=0076fc&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1036573, 100);
-->
</script><!--webbot bot="HTMLMarkup" endspan i-checksum="61622" -->
</div>
</div>
</body>
#conteudos {
height: 100%;
float: left;
}
#airbase {
width: 700px;
display:block;
position: absolute;
left: 0px;
float:left;
}
#teamspeak{
width: 210px;
display:block;
position: absolute;
left: 650px;
float:left;
}
the problem is that the page of experience appear well alone, but when it appears inside the div "conteudo_mostrar" the div "airbase" takes the measure of "conteudo_mostrar".
I hope I have explained myself well, sorry for my bad english.
I'm new to CSS but I think I'm doing well!
I'm working on a project for a virual airline squadron and all was going well until it appeared an error that I can not solve.
Index:
<body>
<body onLoad="abrirPag('paginas/home.html')">
<div class="site">
<!-- HEADER BLOCK Start -->
...
<!-- End Home Item -->
<!--- Menu --->
<!--- Menu End --->
<!--MAIN BLOCK Start-->
<!--<div id="main">-->
<!--<h1></h1>-->
<div id="conteudo">
<div id="conteudo_mostrar"></div>
</div>
<div class="decor2"></div>
</div>
<!--MAIN BLOCK End -->
<!--FOOTER BLOCK Star-->
<!--FOOTER BLOCK End -->
</body>
@charset "utf-8";
/* CSS Document */
@font-face {
font: 'pf_tempesta_seven';
src: url('fonts/pf_tempesta_seven.ttf');
url('fonts/pf_tempesta_seven.ttf'); /* IE */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'pf_tempesta_seven';
src: url('fonts/pf_tempesta_seven.eot');
src:
local('PF Tempesta Seven'),
local('pf_tempesta_seven'),
url('fonts/pf_tempesta_seven.otf')
format('opentype');
}
@font-face {
font-family: Arial, Helvetica, sans-serif;
}
.site {
width: 1100px;
margin: auto;
}
.body {
background-image: url('/imagens/fundo.png');
}
.header {
height: 145px;
background: url('') no-repeat scroll right top transparent;
position: relative;
width: 1100px;
/*overflow: hidden;*/
margin: 0px auto;
}
.header menu {
left: -3px;
margin: 0px;
padding: 0px;
font-size: 100%;
background: none repeat scroll 0% 0% transparent;
vertical-align: baseline;
border: 0px none;
outline: 0px none;
}
.header h1 a {
width: 120px;
height: 141px;
display: block;
text-indent: -9999px;
}
.header h1 {
width: 120px;
height: 141px;
background: url('../imagens/logo.png') no-repeat scroll left top transparent;
text-indent: -9999px;
float: left;
padding: 0px 0px 15px 10px;
margin: 0px;
text-rendering: optimizelegibility !important;
vertical-align: baseline;
outline: 0px none;
border: 0px none;
}
.header h3 a {
width: 277px;
height: 80px;
display: block;
text-indent: -9999px;
}
.header h3 {
width: 277px;
height: 80px;
background: url('../imagens/fundo2.png') no-repeat scroll left top transparent;
text-indent: -9999px;
float: right;
padding: 0px 0px 15px 10px;
margin: 0px;
text-rendering: optimizelegibility !important;
vertical-align: baseline;
outline: 0px none;
border: 0px none;
}
.header .h4{
width: 61px;
height: 70px;
display:block;
background-image: url('../imagens/forum.png');
position: absolute;
right: 185px;
}
.header .h4:hover {
background-image: url('../imagens/forum_back.png');
}
.header .h5{
width: 64px;
height: 70px;
display:block;
background-image: url('../imagens/login.png');
position: absolute;
right: 50px;
}
.header .h5:hover {
background-image: url('../imagens/login_back.png');
}
.header .user {
float: right;
margin: 13px 30px 0px 0px;
display: block;
width: 59px;
height: 25px;
background: url('../images/btn-cokeID.png') no-repeat scroll left top transparent;
text-align: center;
font-family: "gotham_mediumregular";
font-size: 14px;
color: #FFF;
line-height: 1em;
text-decoration: none;
padding: 11px 0px 0px;
font-weight: 700;
}
#main {
width: 1100px;
margin: 0px auto;
height:auto
position: relative;
}
.sillas h1 {
width: 880px;
height: 90px;
display: block;
margin: 0px auto 30px;
font-size:14px;
color: #FFFFFF;
padding: 0px;
background: url('')
}
#conteudo {
float: left;
width: 1100px;
height: auto;
}
#conteudo_mostrar {
float: left;
width: 1100px;
height: auto;
}
.paginas {
width:707px;
height:455px
font-size:14px;
color: #FFFFFF;
margin-top: 60px;
margin-left:30px;
position:relative;
}
elemento {
display: block;
}
.sillas-block {
width: 695px;
height: 405px;
display: block;
padding: 21px;
margin-top: -2px;
}
.hidden {
display: none;
}
.visuallyhidden {
opacity: 0;
}
button {
display: block;
margin: 0 auto;
}
.footer {
width: 100%;
height: 50px;
margin: 20px 0px 0px;
background-color: #000;
}
/*-//---------Decorações------------//-*/
.decor1 {
height: 15px;
width: 1100px;
background: url('../imagens/barra-01.png') no-repeat scroll left top transparent;
float: bottom;
}
.decor2 {
height: 15px;
width: 1100px;
background: url('../imagens/barra-01.png') no-repeat scroll left top transparent;
float: bottom;
display: block;
float: left;
}
Experience Page
<body>
<div class="conteudos">
<div id="airbase">
<img src="imagens/BaseAerea3.jpg" width="600" height="432">
</div>
<div id="teamspeak">
<!--webbot bot="HTMLMarkup" startspan -->
<div id="ts3viewer_1036573" style="width:; background-color:;"> </div>
<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1036573&text=000000&text_size=12&text_family=1&js=1&text_s_color=fa5700&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_color=2c445e&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_color=3b44f5&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=0076fc&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1036573, 100);
-->
</script><!--webbot bot="HTMLMarkup" endspan i-checksum="61622" -->
</div>
</div>
</body>
#conteudos {
height: 100%;
float: left;
}
#airbase {
width: 700px;
display:block;
position: absolute;
left: 0px;
float:left;
}
#teamspeak{
width: 210px;
display:block;
position: absolute;
left: 650px;
float:left;
}
the problem is that the page of experience appear well alone, but when it appears inside the div "conteudo_mostrar" the div "airbase" takes the measure of "conteudo_mostrar".
I hope I have explained myself well, sorry for my bad english.