Problema Com Imagem No Div

#1 Dhuan!

Novato no fórum

Usuários
1 posts

Sexo:Não informado

Posted 01/03/2009, 15:05

É o seguinte, eu quero saber como que faz para que no firefox a DIV acompanhe a imagem (automaticamente, em ter que definir HEIGHT) corretamente como no IE, veja na imagem:

teste.jpg 72.22KB 6 downloads

Eis o código:

<html>

<style>
div.box{

background-color: skyblue;
width: 300px;
border-style: solid;
padding: 5px;

}
</style>

<body>



<div class=box>

<img src=monkey.jpg width=100 height=100 align= left>
Eaí galera! Isso é um teste!

</div>

Edição feita por: Dhuan!, 01/03/2009, 15:08.

#2 diogo_vedder

Turista

Usuários
34 posts

Sexo:Não informado

Posted 01/03/2009, 18:18

Cara, tem muitas coisas que podemos fazer.
Se esse box for para um layout, podes usar um float, mas se for um box pequeno mesmo, usa display:table.

Outra coisa, nunca usa aquele align direto na tag img, faz com css cara.

Ta ai o código:

<style>
.box{

background-color: skyblue;
width: 300px;
border-style: solid;
padding: 5px;
display:table;

}

.box img {
float: left;
}

</style>
<div class="box">
<img src="teste.jpg" width="100" height="100">
Eaí galera! Isso é um teste!
</div>

Edição feita por: diogo_vedder, 01/03/2009, 18:19.

diogo_vedder
Pearl Jam acima de tudo!

#3 Édipo Costa Rebouças

Veterano

Ex-Admins
1079 posts

Sexo:Masculino
Localidade:Brasil - São Paulo

Posted 02/03/2009, 12:13

div.box{
overflow: auto;
background-color: skyblue;
width: 300px;
border-style: solid;
padding: 5px;
}

display: table

da bug no firefox

Edição feita por: Édipo Costa Rebouças, 02/03/2009, 12:13.

#1 Dhuan!

#2 diogo_vedder

#3 Édipo Costa Rebouças

1 user(s) are reading this topic

Entrar