Divы

yummi · November 30, 2008

как сделать так чтоб всё было в %, и никуда не уезжало?

мусолю этот код уж не первый день, с дивами не работала раньше

а также чтоб в #sitebar и #main вставить фото тож в %

и что не как? и может что то нужно добавить?

<html>

<head>

<style>

BODY {

min-width: 100%;

}

#wrap {

background-color: #9999cc;

width: 100%;

margin: 0}

#header {

background-color: #9c9;

width: 100%;

height:50 px;}

#main {

width: 19%;

height:500 px;

float: left;

}

#nav {

width: 60%;

height:500 px;

float: left;

padding: 1%;

}

#sitebar {

width: 20% ;

height:500 px;

float: left;

}

#footer{

background-color: #9c9;

width: 100%;

}

</style>

</head>

<body>

текст<BR>

</div>

<div id="footer">copyright</div>

</div >

</body>

<html>

Edited November 30, 2008 by yummi

Victor Ananiev · November 30, 2008

Думаю то что надо) хотя там возможно дивы по высоте порястягивать надо будет)

<html> 
<head> 
<title> Сайт </title>
<style>
BODY {
min-width: 100%;
position:relative;
margin:0;
}
#wrap
{
background-color: #999999;
width: 100%;
margin:0;
position:relative;
}
#header
{
background-color: #9c9;
width: 100%;
height:50 px;
}
#main
{
background-color: #BEF2FC;
width: 19%;
height:500 px;
float:left;
position:relative;
}
#nav {
background:#cccccc url("02.JPG");
width: 98%;
height:500 px;
padding: 1%;
margin:0 auto;
}
#sitebar
{
background-color: #D9669C;
width: 20% ;
height:500px;
margin:0 0 0 auto;
}
#footer
{
background-color: #9c9;
width: 100%;
}
#minicont
{
width:80%;
float:left;
position:relative;
background-color:red;
}
</style>
</head> 
<body>
<div id="wrap">
<div id="header">это шапка сверху</div>
<div id="minicont">
<div id="main">это слева и здесь должна быть картинка. нужно задать всё в %, а то в мозилке всё разъезжается, особенно картинки. не получается картинки вставить по % <img src="img.png" width="100%" height="100%" style="display:block;" /></div>
<div id="nav">бла бла это должно быть по центру бла бла</div>
</div>
<div id="sitebar">это должно быть справа</div>
<div id="footer">это типа снизу copyright</div>
</div >
</body>
<html>

Edited November 30, 2008 by Vindex10

Sign In

Divы

Question

yummi

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information