3 колонки

myxamed · January 10, 2013

Никак не могу выровнять колонки "right" по горизонтали с остальными

html:


<!DOCTYPE html>
<html>
<head>
<title>Співаник|Головна</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body bgcolor="#388b30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="header">
asdasdas<br>sdffsdfsd<br>sdffsdfsd<br>sdffsdfsd
</div>

  <div class="allmid">

    <div id="leftall">
	  <div id="left">
	   left
	  </div>

	   <div id="mid">
		  <p>
		  mid<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		  </p>
	   </div>
    </div>

	 <div id="right">
	  right
	 </div>
  </div>   

</body>
</html>

css:


#header
{
background-color: #000000
}


#leftall
{
position: absolute;
} 

.allmid {
width: 1000px;
margin-left: auto;
margin-right: auto;
}


#left
{
background-color: #ffffff;
border-radius: 3px;
position: absolute;
width: 100px;
position: fixed;
}

#mid {
text-align: left;
width: 805px;
background-color: #4D5120;
border: 1px solid #3D5103;
padding: 15px;
border-radius: 8px;
left: 100px;
position: relative;
}

#right
{
left: 910px;
width: 100px;
background-color: #ffffff;
border-radius: 3px;
position: relative;
position: fixed;
}

klierik · January 10, 2013

никто не будет создавать документ локально что бы это повторить.

1. или выложи страницу в интернет

2. или залей на ресурс где можно шарить код

по теме возможно это поможет:

http://matthewjamestaylor.com/blog/equal-height-columns-3-column.htm

Sign In

3 колонки

Question

myxamed

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information