Fórum para dúvidas sobre CSS, Tableless e Webstandards.
Moderador: web
por fabioaltiere Offline » Sex Jul 08, 2011 12:56 pm
|
Olá pessoal, sou novo aqui e to começando a aprender um pouco de webdesiner. To tentando montar um site de compras mas to com problemas pra montar minha estrutura.
Acredito que o problema seja de reset pq no google crome ele funciona direito mas no explorer não.
Deixa eu tentar explicar o que acontece:
Criei div's id de 'A' ate 'K' para nominar minhas estruturas.
De 'A' até 'D' com largura de 1262px.
uma coluna 'E' com float right largura 165px e altura 1712px.
de 'F' a 'H' com float right e largura 930px e alturas respectivas 200px, 12px e 1500px.
uma coluna 'I' largura 165px e altura 1712px.
O problema é que a coluna 'I' está ficando abaixo da div 'G' q mede 200px de altura.
fiz o reset: padding: 0; margin: 0; border:0;
Se alguém puder me ajudar agradeço.
MOVIDO da Seção de vídeos CSS para CSS
fabioaltiere
NOVO MEMBRO
Mensagens: 2
Registrado em: Sex Jul 08, 2011 12:42 pm
|
por web Offline » Sex Jul 08, 2011 2:23 pm
Sem ver o layout fica complicado, mas, você pode usar um float left na div que está descendo.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12460
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por fabioaltiere Offline » Ter Jul 12, 2011 9:20 pm
o layout é esse aí, as cores de fundo são apenas pra visualização. Se alguém souber um jeito de corrigir esse problema, ajuda aí, por favor.
Use a tag Code para scripts
- Código: Selecionar todos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>e-COMPRAMAIS</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
body {
background: #FFF;
font-style:normal;
font-size:16px;
font color: #000;
font-family: Calibri;
font-weight: bold;
color: #000;
}
#a { width: 1262px;
height: 107px;
background: #00C;
}
#b { width: 1262px;
height: 38px;
background: #0CC;
}
#c { width: 1262px;
height: 30px;
background: #900;
}
#d { width: 1262px;
height: 30px;
background: #9F6;
}
#e{ width: 160px;
height: 300px;
background: #639;
float:right;
}
#f { width: 925px;
height: 200px;
background: #F09;
float:right;
}
#g { width: 925px;
height: 12px;
background: #C5C5C5;
float:right;
}
#h { width: 925px;
height: 1500px;
background: #9FF;
border:#666;
float:right;
}
#i { width: 165px;
height: 300px;
font-size:20px;
background:#C93;
float: left;
}
#j { width:165px;
height:30px;
background: #999;
float:left;
}
#k { width:165px;
height:400px;
background:#EBEBEB;
float: left;
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b">a
</div>
<div id="c">
</div>
<div id="d">
</div>
<div id="e"></div>
<div id="f"><center></div>
<div id="g"></div>
<div id="h"><table width="926" height="1500" border="1" align="center" cellpadding="20" cellspacing="1" >
<tr>
<th width="256" height="300">a
</th>
<th scope="col" width="256" height="300">a
</th>
<th scope="col" width="282" height="300">a</th>
</tr>
<tr>
<th scope="row" width="256" height="300">a</th>
<td width="256" height="300" align="center">a</td>
<td width="282" height="300" align="center">a</td>
</tr>
<tr>
<th scope="row"a width="256" height="300">a</th>
<td width="256" height="300" align="center">a</td>
<td width="282" height="300" align="center">a</td>
</tr>
<tr>
<th scope="row" width="256" height="300">a</th>
<td width="256" height="300">a</td>
<td width="282" height="300">a</td>
</tr>
<tr>
<th scope="row" width="256" height="300">a</th>
<td width="256" height="300">a</td>
<td width="282" height="300">a</td>
</tr>
</table>
</div>
<div id="i">
</div>
<div id="j">
</div>
<div id="k"></div>
</body>
</html>
fabioaltiere
NOVO MEMBRO
Mensagens: 2
Registrado em: Sex Jul 08, 2011 12:42 pm
|
por web Offline » Ter Jul 12, 2011 10:09 pm
Testei aqui seu layout nas versões mais atualizadas no IE, Firefox, Chrome e Opera, está a mesma coisa em todos os navegadores.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12460
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para CSS, Tableless e Webstandards
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes
