Boa tarde,
Eu quero fazer com que a minha pagina HTML tenha o mesmo formato quer diminua a página ou não.
Tenho uma pagina que tem 3 retangulos e um espaço entre eles no tamanho normal mas quando diminuo a pagina ficam os retangulos uns em cima dos outros.
Há forma de contornar isso?
Código :
Eu quero fazer com que a minha pagina HTML tenha o mesmo formato quer diminua a página ou não.
Tenho uma pagina que tem 3 retangulos e um espaço entre eles no tamanho normal mas quando diminuo a pagina ficam os retangulos uns em cima dos outros.
Há forma de contornar isso?
Código :
#TituloRec1
{
position: absolute;
left: 100px;
top: 450px;
}
#Rectangulo1
{
position: absolute;
left: 100px;
top: 500px;
background: #333;
height: 203px;
width: 328px;
border: 1px solid #000;
Color: #BEBEBE;
}
#TituloRec2
{
position: absolute;
left: 480px;
top: 450px;
}
#Rectangulo2
{
position: absolute;
left: 480px;
top: 500px;
background: #333;
height: 203px;
width: 328px;
border: 1px solid #000;
Color: #BEBEBE;
}
#TituloRec3
{
position: absolute;
left: 860px;
top: 450px;
}
#Rectangulo 3
{
position: absolute;
left: 860px;
top: 500px;
background: #333;
height: 203px;
width: 328px;
border: 1px solid #000;
Color: #BEBEBE;
}
{
position: absolute;
left: 100px;
top: 450px;
}
#Rectangulo1
{
position: absolute;
left: 100px;
top: 500px;
background: #333;
height: 203px;
width: 328px;
border: 1px solid #000;
Color: #BEBEBE;
}
#TituloRec2
{
position: absolute;
left: 480px;
top: 450px;
}
#Rectangulo2
{
position: absolute;
left: 480px;
top: 500px;
background: #333;
height: 203px;
width: 328px;
border: 1px solid #000;
Color: #BEBEBE;
}
#TituloRec3
{
position: absolute;
left: 860px;
top: 450px;
}
#Rectangulo 3
{
position: absolute;
left: 860px;
top: 500px;
background: #333;
height: 203px;
width: 328px;
border: 1px solid #000;
Color: #BEBEBE;
}