[Resolvido] CSS

[Rafael rgarcia 1]

Olá, estou com um probleminha em css, estou colocando dois iframes dentro de um div, sendo que um fica na direita com 137px e o da esquerda com 680.

O problema é que esse div da direita (div_carrinho) está pulando para fora do div principal, ficando abaixo dele, alinhado com a borda direita.

 

ai vai o código:

 

index.php (onde são invocados o div e os iframes:

<div class="images_view">
			<div class="frame_imagens_view">
				<iframe src='frame_imagens.php?id=<?=$id?>&busca=<?=$busca?>' scrolling="yes" frameborder=0 style='width:680px;height:620px;'></iframe>
			</div>
			<div class="div_carrinho">
				<iframe name="carrinho" src='carrinho.php' frameborder=0 scrolling="yes" style='width:137px;height:618px;'></iframe>
			</div>
		</div>

e os estilos:

 

.images_view {
	width:820px;
	height:620px;
	float:left;
	margin-left: 10px;
	padding: 1px;
	color:#568094;
	border: 1px solid #7d9faf;
	background-color:#fff;
}

.frame_images_view {
	padding: 1px;
	line-height: 18px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#568094;
	background-color:#fff;
}

.div_carrinho {
	display:inline;
	float:right;
	padding-left:1px;
	line-height:18px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#568094;
	border-left: 1px solid #7d9faf;
	border-left-style:dashed;
	background-color:#fff;
}

Grato desde ja. se precisar posto uma scremshot de como está.

[GabrielFerrari 41]

Pode postar o link da página ?

Não consegui entender.

[Rafael rgarcia 1]

Pode postar o link da página ?

Não consegui entender.

 

Primeiramente obrigado pela atenção.

Está em um servidor local, então tirei um print:

Ali onde está o frame com a borda esquerda dashed está pulando para fora do div "images_view", ele tinha que ficar acima de onde está, dentro do div que está com a borda normal.

 

Acho que agora deu pra ter uma noção melhor do que está acontecendo

[Thiago Retondar 18]

Pode postar o link? Fica mais fácil. ;)

[Rafael rgarcia 1]

Pronto hospedei: http://rafaelrgarcia.6te.net/problemacss/iframes.html

[Thiago Retondar 18]

Cara, da uma limpada no HTML. Está bem sujo. Tem HTML dentro de HTML. LOL

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Rafael rgarcia 1]

Cara, da uma limpada no HTML. Está bem sujo. Tem HTML dentro de HTML. LOL

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

como assim html dentro de html? 0o

 

Redirecionei o src do iframe para uma página em branco, acho que você estava vendo o código da propaganda do site que hospedei, abra o link e aperte ctrl+u, você verá o código principal, invocando os iframes e o estilo.

 

http://rafaelrgarcia.6te.net/problemacss/iframes.html

 

Obrigado.

[Thiago Retondar 18]

Ahhh é... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Mal aê. ;)

 

Faça o seguinte: coloque no .frame_imagens_view um width: 680px; float: left.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Rafael rgarcia 1]

Nada. já havia tentado dessa forma.

[Thiago Retondar 18]

Aqui deu.

 

[Rafael rgarcia 1]

Estranho, mudava na classe e nao ia, mudei diretamente no style do div funcionou.

Mas o que importa é que foi resolvido...

 

Muito Obrigado http://forum.imasters.com.br/public/style_emoticons/default/grin.gif