Help please

**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:

HTML Code:

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

Code:

@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

HTML Code:

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

Code:

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

**Beverleyh** · 10-27-2014, 03:38 PM

Please post a link to the page so that we can see the impact of your complete stylesheet.

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

Im not what you mean when you say that one page is appearing inside another. With the way you've posted your code blocks (with <body> tags but without the rest of the html structure such as <DOCTYPE> and <head>) it sounds like you're attempting to put (almost) complete web pages inside elements on other pages? Unfortunately that wouldn't be valid HTML. The easiest way to check that you're formatting web pages correctly, and to help with styling, is for you to post a link to the actual problematic page.

Thread: Help please

Thread Tools

Search Thread

Help please

Bookmarks

Bookmarks

Posting Permissions